Changing one menu item (SALE) to red color

Brashid91
Tourist
7 1 1

I've been trying to figure out how to change the text color of one link at the top of my menu bar. I've been searching old threads to no avail, as my theme is a custom prestige based theme.

 

www.dachicollections.com

 

I'm trying to edit a link at the top called " SALE" Into red text color, can anyone help?

Replies 67 (67)
Regntjejen
Excursionist
41 0 19

Hi

I will be rebranding working on DEBUT theme and trying to make my SALE menu red. Codes written up worked for my old theme (minimal) however cant make it work on debut. Please help

www.lapluie.store

password; Yaggie95100

oscprofessional
Shopify Partner
15833 2369 3072

@Kevin_Gómez ,

.index .scrollheader #logo a, .index .scrollheader .nav-container .shifter-handle, .index .scrollheader .nav-container ul#cart li a, .index .scrollheader .nav-container ul#cart li select.currency-picker, .index .scrollheader ul#main-nav li:nth-child(1) a {
    color: red !important;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
DeeJay1
Visitor
1 0 0

Hi,

I have been through all the comments and have been unsuccessful. I am trying to highlight the word special offers to red on my website, and make it bold.

I am using the warehouse theme.

Can anyone help with this?

 

Thanks in advance.

made4Uo
Shopify Partner
3804 713 1124

Hi @ DeeJay, 

 

Can you provide your website url so I can inspect?

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
oscprofessional
Shopify Partner
15833 2369 3072

Hello @DeeJay1 ,
Welcome to the Shopify community!
Share your store url with password.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
DarmeY
Tourist
11 0 2

I have been trying to find my Theme.scss.liquid file but I only have a Theme.Liquid file that I have access to. I am also wanting to change the colour of a sale collection in my header to grab attention. 

Tim_Boozeit
Visitor
1 0 0

Can you please help put "Sale" in red in both desktop and mobile

 

website link: www.boozeit.com.au

 

THANK YOuU

oscprofessional
Shopify Partner
15833 2369 3072

Hello Tim_Boozeit,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

.tt-desctop-menu nav > ul > li:nth-child(3) a {
    color: red;
}
.mmpanel.mmopened.mmcurrent > ul > li:nth-child(4) a {
    color: red;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
jaesva
Visitor
3 0 0

Can you please help me to put BLACK DAYS in the main menu for desktop and phone?

www.pidiendopista.com


Thank you

oscprofessional
Shopify Partner
15833 2369 3072

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

ul.site-nav li:nth-child(1) a {
    color: red !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
jaesva
Visitor
3 0 0

@oscprofessional , Great, thanks for your help 🙂

oscprofessional
Shopify Partner
15833 2369 3072

Hi @jaesva ,

Please Accept the solution.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
acoh
Excursionist
16 0 6

Hi. Im currently using the Debutify theme and it's not working. Is there anywhere else I could paste this code

Brittany_Witt
Explorer
52 0 17

@acoh @bonbonverona @crp1u7 

 

 /* change a sale collection link to red */ 
.site-nav a[href="/collections/sale"] 
{ color: red; }

 

 

 /* change a sale collection link to red */ 
.site-nav a[href="/collections/sale"] 
{ color: #d9aaa7; 
font-weight: 700;}

 

Brittany Witt
brumisrl
New Member
4 0 0
Hello Brittany,



As told my theme is not Debut but Trademark. And I use the mega menu option
included in that theme.
oscprofessional
Shopify Partner
15833 2369 3072

Hi @acoh ,

Send your store URL

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

startupflares
Visitor
1 0 0

.site-nav a[href$='/collections/Sale'] {
color: red;
}

AlivePlanet
Visitor
1 0 0

Hi,

My website is www.aliveplanet.com.au

I want to change the text color of Sale - a menu item to RED color. I've tried a few suggestions and added the code in this discussion but they didn't work. I use a custom theme

Can someone please help? Thanks a lot.