Solved

beyond theme how to change header navigation text and icon colours

HIEa
Excursionist
38 1 6

Does anyone know how i can change the colours of the icons in beyond theme to match my custom colour?

Screenshot 2024-05-18 at 2.34.17 PM.png

Accepted Solution (1)
HIEa
Excursionist
38 1 6

This is an accepted solution.

Oh this worked, thank you so much!

View solution in original post

Replies 7 (7)

PageFly-Henry
Shopify Partner
1139 322 276

Hi @HIEa 

This is Henry 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.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1716009570715.png

 



<style>
[data-item="nav-text"] path {

    fill: red;

}
</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

HIEa
Excursionist
38 1 6
Thanks Henry,

Can I add my custom colour to this?

BSSCommerce-HDL
Shopify Expert
701 224 236

Hi @HIEa, Do you want like this?

BSSTechVenture_0-1716009873204.png

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 😍

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

HIEa
Excursionist
38 1 6

Hi Henry, I would like this colour

Screenshot 2024-05-18 at 3.29.14 PM.png

BSSCommerce-HDL
Shopify Expert
701 224 236

Hi @HIEa, Pls inset this code to custom CSS: 

svg.icon--root path {
  fill: #c1ab99 !important;
}

Here is result: 

BSSTechVenture_0-1716010671079.png

 

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 😍

 

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

HIEa
Excursionist
38 1 6

Thanks Henry,

 

Im not quite certain where I should be putting this code?

Screenshot 2024-05-18 at 3.48.38 PM.png

HIEa
Excursionist
38 1 6

This is an accepted solution.

Oh this worked, thank you so much!