Re: How to change the color of my SALE button to red in Flex theme

Solved

How to change the color of my SALE button to red in Flex theme

RobMoore007
Shopify Partner
196 1 20

I need to change the sale button to color red on my main menu across the site. Can you please help?

https://auchterlonies-com.myshopify.com/

paswd; awskob

Regards
Rob Moore - NEWBY!!
Accepted Solution (1)

oscprofessional
Shopify Partner
15950 2385 3094

This is an accepted solution.

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

.navbar-item.header__item.has-mega-menu:nth-child(10) a.navbar-link.header__link {
    color: red !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 11 (11)

oscprofessional
Shopify Partner
15950 2385 3094

This is an accepted solution.

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

.navbar-item.header__item.has-mega-menu:nth-child(10) a.navbar-link.header__link {
    color: red !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
RobMoore007
Shopify Partner
196 1 20

 you so much 🙂

Regards
Rob Moore - NEWBY!!
MeganBee
New Member
8 0 0

This was really helpful for me as well! Would you be able to provide the same code for mobile? Thank you!

oscprofessional
Shopify Partner
15950 2385 3094

Hello MeganBee,
Please share your site url.
So that I can check and let you know the exact solution here.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
MeganBee
New Member
8 0 0

Hi there,

Absolutely, here it is: https://poppygifting.com/

 

Thank you!

oscprofessional
Shopify Partner
15950 2385 3094

Hello MeganBee,
Please share the screenshot of which menu color for mobile you want to change.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
RobMoore007
Shopify Partner
196 1 20

Im not sure why im in this thread still..As I have sorted the issue

Regards
Rob Moore - NEWBY!!
MeganBee
New Member
8 0 0

Hi there - Sorry for the confusion, I'm making the changes in an unpublished theme, which you can preview here: https://ujgnxw2rp42z8y3j-48143532188.shopifypreview.com. I'd like to retain the styling of "The Gift Shop" in the mobile menu.

 Screen Shot 2021-05-17 at 6.41.17 AM.png

oscprofessional
Shopify Partner
15950 2385 3094

Add this css

.mobile-menu li.mobile-menu__list-item:nth-child(1) a {
    color: #F68D2E !important;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
MeganBee
New Member
8 0 0
Fantastic, that worked perfectly. Thanks so much!!
oscprofessional
Shopify Partner
15950 2385 3094

Thanks for update.
If helpful then please Like and Accept Solution.

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