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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | 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 Partner
1195 98 147

Hello, 

try this

ul.site-nav li:last-child a {
color: red !important;
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like