change Header backgroud colour

[Alyssa4965]

I want to add colour to this header, I want the colour to be F6B700 using code. Please i need help. I'm using wookie theme 

[BSSCommerce-HDL · Accepted solution]

Hi @Alyssa4965, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.tt-desktop-header {
    background-color: #F6B700 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @Alyssa4965, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-B2B]

Hi @Alyssa4965 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Alyssa4965]

https://www.diversifiedgiftsonline.com/

[BSSCommerce-HDL · Accepted solution]

Hi @Alyssa4965, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.tt-desktop-header {
    background-color: #F6B700 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Alyssa4965]

I've pasted the code there. It's not showing yet. I only have theme.css and style.rtl.css in my theme

[BSSCommerce-HDL · Accepted solution]

Hi @Alyssa4965, 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Alyssa4965]

Do you mind me giving you access to my site? It's not going through please

[Alyssa4965]

Thanks, I just got it. It work out well.

[BSSCommerce-HDL]

Hi @Alyssa4965, I'm very happy to hear that. Have a good day 😍

[Alyssa4965]

 Is there also a way you can help me to rearrange the top menu of my website? I want need help to come first, followed by my account, then my gifts please?

[BSSCommerce-HDL · Accepted solution]

Hi @Alyssa4965, Similar to above, insert this code into the style tag in the theme.liquid file

.tt-obj-options.obj-move-right.tt-position-absolute {
    display: flex !important;
}


.tt-parent-box:nth-child(2) {
    order: 3;
}

.tt-parent-box:nth-child(3) {
    order: 1;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Alyssa4965]

It really worked. I appreciate your effort. Thanks a lot