How to change header color and icon shades on a website?

We are currently changing the shade of green on our website to match our new branding and I can’t seem to fine where to change this neon green line just below the header as well as the phone and email icons.


. Can someone please help us out :slightly_smiling_face:

HI @Southernxfitnes

Please share with me the URL - and password if password protected.

Await for your response

https://southernxfitness.com.au/

Hi @Southernxfitnes

This is Richard from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css

Step 3: Paste the below code at bottom of the file → Save

.site-header .main_menu {

border-bottom: 5px solid #f80505 !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

Hi @Southernxfitnes , you can change color of line below header by adding this CSS code in your store admin > Sale channels > Online store > Themes > Edit code > Assets > theme.scss.liquid file

.site-header .main_menu {
border-bottom: 5px solid #98c78c !important;
}

Email and phone icons are images so you will need to edit color of images

Where do i find these images

You can find those images in store admin > Content > Files