Debut theme editing - header and buttons within sections

Technical Q&A
1

Hi there,

I am in the process of designing my website using the Debut theme and want to change a few things:

  • Make the header #fffff not the yellow that is the rest of the web background.

  • Change the button colour to the dark purple and text to yellow in all sections except in the ‘Image with text Overlay’ section.

Note sure how to share my site with you since it is not live yet.

Thanks in advance.

  • Ellen
2

Hii, @EllenCreate
kindly share your store URL so,
I can solve your problem.
Thank You.

3

Hopefully this URL works for you

https://ballsy-tea.myshopify.com/

Thanks

4

Hi,

Just following up my question, is there a way to change the button and header background colours?

Thanks.

5

hello @EllenCreate

can you please provide me your shop preview URL and share me screenshot of which button change color

6

https://ballsytea.com.au/

p/w laontu

I have circled the buttons I want to change the colour of.

Screen Shot 2021-10-11 at 4.43.29 pm.png
Screen Shot 2021-10-11 at 4.43.29 pm.png416×692 105 KB

7

hello @EllenCreate

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-feature-row .btn , #shopify-section-collection .btn , #shopify-section-1631432457903d0605 .btn ,  #shopify-section-16314324727a348a9c .btn {
background: #3c1053 !important; 
color: #fdda24 !important;
}
.site-header , .site-header__mobile-nav {
background: #ffffff !important;
}
8

Thank you!