Change the color of one item in Menu

Change the color of one item in Menu

artera
Tourist
8 0 0

Hello, need some help please with changing the color of a menu item. The store is: 

 

nillux-romania 

Replies 9 (9)

iCart_App
Shopify Partner
626 60 113

Hello @artera 

Please share the proper store URL so that i can check and provide you the proper solution.

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com
artera
Tourist
8 0 0

thebrandz.ro 

iCart_App
Shopify Partner
626 60 113

Hello @artera 

 

 You can try this code: it might be helpful to you- 

Navigate to the Online Store-> Theme-> Edit code-> Assets> theme.css or base.css -> add below the code(bottom).

 

.header__nav__link.dlink {

color: red !important;

}  

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com
artera
Tourist
8 0 0

not working, already tried all the solutions provided in other threads. The theme I am using is Vantage, maybe it helps. 

 

iCart_App
Shopify Partner
626 60 113

Which menu item color do you want to change? Please share a screenshot.

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com
artera
Tourist
8 0 0

Screenshot 2024-05-16 at 12.59.53.png

 

the one highlighted, I wanna make it red 

BSSCommerce-B2B
Shopify Partner
1954 562 561

Hi @artera,

I checked your store, if you want to Change the color of one item in header, you just need to adjust a bit of CSS. Follow my instructions to resolve this problem: 

 

- Step 1: Sale channel => Online Store => Themes => Edit code:

 

view.png

- Step 2: Search base.css, and add the script css: 

 

.header__nav__link.dlink.first-level[href="/collections/lichidare-stoc"] {
    color: red;
}

 

- Step 3: Save and reload page.

 The result will be Changed the color of  Item: "lichidare-stoc" as you want. 

 

view.png

 

 

Hope it helps!

If it helpful, please mark as a solution. Thanks and have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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

artera
Tourist
8 0 0
  1. hello, thanks but I dont have base.css in the edit code list. what shall I do?
BSSCommerce-B2B
Shopify Partner
1954 562 561

Hi @artera,

 

Sorry for the confusion here.

You need to find the .css file, which contains the CSS code for your theme.

It could be stylesheet.css or theme.css. 

Try the customization again in step 2.

 

Hope this helps.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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