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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024