Change color of one item in main menu to red (Impulse Theme)

marky1
New Member
1 0 0

Hi Guys,

I'm using the impulse theme, and I wanted to change one item's color to red in the main menu. I tried the ways in the forum already, but they didn't work. So I'm wondering if anyone know how to deal with it. My website is planetlinen.com.au. The item I want to change is the SUPERSALE

0 Likes
HardikDavra
Shopify Partner
1930 302 833

For that, I need to analyze your website and then I can provide any solution over here.


So Please provide website URL and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes

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

header#SiteHeader a[href="/collections/super-sale"] {
    color: red !important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
HardikDavra
Shopify Partner
1930 302 833

Please place this code at the end of Assets -> theme.scss.liquid file

a[href="/collections/super-sale"]  {
color: #ff0000 !important;
}



Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes

Dear @marky1 

  1. From your Shopify admin, go to Online Store > themes.
  2. Locate your current theme and then click Actions > Edit code.
  3. After that in the Assets folder, click to open your theme.scss.liquid file.
  4. Go to the very bottom of this file and paste the following code:

 

/* Start */
#SiteHeader > div.page-width > div.text-center > ul > li:nth-child(8) a { color: white; background: red !important; }
/* End*/

 

  • Save and check your theme by refreshing it.
Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
EllaBrown2021
Tourist
30 0 2

Have you solved this problem?

0 Likes