Omg... emergency help required! Need to change the background colour of this header

Solved
DaisyDreamsSG
Excursionist
26 0 6

How can I change the background colour of this header? Can someone assist me in this? Screenshot 2021-01-27 at 2.49.20 AM.png

 

My website is: https://daisydreams.com.sg

UmairA
Shopify Partner
586 65 103

Hey there @DaisyDreamsSG!

You should be able to change the background color of the header from the theme customizer.

Go to  Customize theme > Header > Colors

If you can't find it then add the following code to your theme.scss.liquid file

.megamenu-background, .top-bar, .background .pattern {
background-color: green !important;
}

 

Edit the value of "background-color" to any color name or value like "#ffffff".

Hope it helps.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
DaisyDreamsSG
Excursionist
26 0 6

Hi @UmairA thank you so much for assisting me, but what I am trying to change is the white borders (#ffffff) to be #f9f2e2 and not the other way around! Thank you so much for your kind assistance thus far!

Screenshot 2021-01-27 at 2.49.20 AM.png

UmairA
Shopify Partner
586 65 103

This is an accepted solution.

Oh Ok,

Here you go @DaisyDreamsSG!

Add the following code to your theme.scss.liquid file (At the bottom)

.full-width-sub-menu div.content {
    background-color: #f9f2e2 !important;
}

 

Hope that helps!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
DaisyDreamsSG
Excursionist
26 0 6

@UmairA could I ask how I could check the location of each div/class in the future?

0 Likes