Shopify themes, liquid, logos, and UX
Hey,
I am using Debut Theme on my store boldshapes.co
I would like to change color of "Outlet" only in my header menu to red color or to #FF3333 if possible
How can i make it?
Solved! Go to the solution
This is an accepted solution.
@boldshapes, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
button[aria-controls*='black-friday'] > .site-nav__label, button[data-target*='black-friday'] .mobile-nav__label{
color: #FF3333 !important;
}
This will work for all browsers and devices: mobile, tablets and desktop.
Kind regards,
Diego
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:
ul#SiteNav li:nth-last-child(1)>button.site-nav__link.site-nav__link--main.site-nav__link--button span.site-nav__label {
color: #FF3333!important;
}
Hello,
thank you for your help but stil doesn't work.
Could you help me ?
Thank you
Thank you @Zworthkey , it's working.
But i would like the first menu instead of the last one.
The "Black Friday" one.
How can i change that ?
THank you
li.site-nav--has-dropdown:first-child > button span {
color: red !important;
}
@boldshapes
Add this code and try instead of previous code
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
li.site-nav--has-dropdown:first-child > button span {
color: red !important;
}
Screenshot :- https://image.prntscr.com/image/mvjnYx93QuSeLL4IjLSD3g.png
ul#SiteNav li:nth-last-child(1)>button.site-nav__link.site-nav__link--main.site-nav__link--button span.site-nav__label {
color: #FF3333!important;
}
Add this code to theme.cssThank you.
This is an accepted solution.
@boldshapes, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
button[aria-controls*='black-friday'] > .site-nav__label, button[data-target*='black-friday'] .mobile-nav__label{
color: #FF3333 !important;
}
This will work for all browsers and devices: mobile, tablets and desktop.
Kind regards,
Diego
Thank you, that's perfect !
Hi Diego,
I tried to work this on my website, but nothing changed, please can you help me out with it?
Menu item to change "Outlet", I switched 'black-friday' from your code to 'outlet' , but nothing happened.
Thanks,
Alia
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024