Solved

Debut theme editing - header and buttons within sections

EllenCreate
New Member
5 0 0

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

Accepted Solution (1)
Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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;
}

 

 

View solution in original post

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

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

EllenCreate
New Member
5 0 0

Hopefully this URL works for you

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

Thanks

EllenCreate
New Member
5 0 0

Hi,

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

Thanks.

Kinjaldavra
Shopify Partner
2302 570 1422

hello @EllenCreate 

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

EllenCreate
New Member
5 0 0

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

Kinjaldavra
Shopify Partner
2302 570 1422

This is an accepted solution.

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;
}

 

 

EllenCreate
New Member
5 0 0

Thank you!