How can i change the color of single navigation menu

How can i change the color of single navigation menu

Laiba
Visitor
1 0 0

I want to change “CLEARNCE SALE” color to Red

https://nailzypakistan.com/

IMG_7089.jpeg

Replies 4 (4)

Guleria
Shopify Partner
3976 793 1131

Hello @Laiba ,

 

Follow these steps:

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

2. Open your base.css file and paste the following code at the bottom:

a[href="/collections/sale"] {
    color: #ff0000 !important;
}

 

Thanks

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

GTLOfficial
Shopify Partner
769 160 169

Hello @Laiba 

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

#HeaderDrawer-clearence-sale {
color: red !important;
}

result
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

BSS-TekLabs
Shopify Partner
2401 695 830

- Here is the solution for you @Laiba 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

#HeaderDrawer-clearence-sale {
     color: red !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1724155646033.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4902 1102 1776

Hi @Laiba 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

<style>
a#HeaderDrawer-clearence-sale {
    color: red !important;
}
</style>

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

 

 

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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