Change color on a single menu item for Brooklyn theme

Solved
leenaandlu
Excursionist
24 0 3

Hi! I'm trying to change the font color of a "Bundle and Save" item on our menu to red. please help! Thanks in advance!

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4394 574 1108

This is an accepted solution.

Hi @leenaandlu 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-nav > li:nth-child(2) a{color:red;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 16 (16)
oscprofessional
Shopify Partner
9418 1579 1967

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Jasoliya
Shopify Expert
4394 574 1108

This is an accepted solution.

Hi @leenaandlu 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-nav > li:nth-child(2) a{color:red;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

oscprofessional
Shopify Partner
9418 1579 1967

@leenaandlu,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#AccessibleNav li:nth-child(2) a {
	color: red;
}

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
leenaandlu
Excursionist
24 0 3

Thanks! it worked

ALB2020
Tourist
4 0 0

Hi I tried this on the Testament Theme and it didnt work. I can't seem to find the theme.scss.liquid. Can you help I'm try to do the same thing with "SALE" on my menu item and change it to red.

oscprofessional
Shopify Partner
9418 1579 1967

Hello @ALB2020,

Can you please share your site url

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
ALB2020
Tourist
4 0 0
oscprofessional
Shopify Partner
9418 1579 1967

Hello @ALB2020 ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->stylesheet.css.liquid

.product-index-inner .sale-item.icn {
    background-color: red;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
ALB2020
Tourist
4 0 0

Hi @oscprofessional 


This actually changed the sale on the item. I was looking change the font color on SALE on my menu in the header and in mobile view SALE in the menu.

 


@oscprofessional wrote:

Hello @ALB2020 ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->stylesheet.css.liquid

.product-index-inner .sale-item.icn {
    background-color: red;
}