Change Color for one Menu in the Menu Bar and adding Supercript ™ in the dropdown menu

Highlighted
Tourist
7 0 0

Hello, im looking for some one to help me change the colour of the SALE on my website crazingo.com to Red through CSS, Thanks using the District Theme. 

Also, I want to add Supercript like the trademark sign in the main menu and in dropdown Menu  e.g Official Merch™

Appreciate your help! 

 

Regards,

Ishani

0 Likes
Highlighted

Hello ,

You want sale like below screenshots

2019-12-04_15-59.jpg

 

 

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

header.site-header nav.nav-bar ul.site-nav li:last-child a {
	color: red;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like

Hello 

 

.site-nav li a[href="/collections"] {
    color: red !important;
}
Likes are appreciated, If it solved your problem please mark it as accepted solution.

Thanks & Regards
Aumento Infoway Pvt Ltd.
1 Like
Highlighted
Shopify Expert
1381 111 200

Hello, 

try this

ul.site-nav li:last-child a {
color: red !important;
1 Like
Highlighted
Tourist
7 0 0

Thanks for the solution.

This has also changed the color of the "Last Child" in the dropdown Menu under T-Shirts.

Also, If you can help me to highlight/ Bold within the dropdown menu.

 

Thanks, Ishani

0 Likes
Highlighted

@becrazingo_Admi,

Please add below css

header.site-header.minimal nav.nav-bar ul.site-nav > li:last-child a {
	color: red;
}

It will not affect to other..

 

For dropdown menu bold add below css

header.site-header nav.nav-bar ul.site-nav li.has-dropdown ul li a {
	font-size: ;
	font-weight: bold;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like