Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi! I'm trying to change the font color of a "Bundle and Save" item on our menu to red. please help! Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
Hi @leenaandlu
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.site-nav > li:nth-child(2) a{color:red;}
Hello leenaandlu,
Please share your site url.
So that i can check and provide you exact solution here.
This is an accepted solution.
Hi @leenaandlu
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.site-nav > li:nth-child(2) a{color:red;}
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
#AccessibleNav li:nth-child(2) a { color: red; }
Hi I tried this on the Testament Theme and it didnt work. I can't seem to find the theme.scss.liquid. Can you help I'm try to do the same thing with "SALE" on my menu item and change it to red.
Hello @ALB2020,
Can you please share your site url
Hello @ALB2020 ,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.css.liquid
.product-index-inner .sale-item.icn { background-color: red; }
This actually changed the sale on the item. I was looking change the font color on SALE on my menu in the header and in mobile view SALE in the menu.
@oscprofessional wrote:Hello @ALB2020 ,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.css.liquid.product-index-inner .sale-item.icn { background-color: red; }
Hello @ALB2020 ,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.css.liquid
ul#main-nav>li:nth-child(3) a {
color: red!important;
}
@media screen and (max-width: 739px) {
ul#accordion li:nth-child(3) a{
color: red!important;
}
}
Hope this will work for you.
Thanks!
Yes it did! But only in desktop view and not in mobile view. Thank you very much for your assistance 🙂
@oscprofessional wrote:Hello @ALB2020 ,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->stylesheet.css.liquidul#main-nav>li:nth-child(3) a {
color: red!important;
}
@media screen and (max-width: 739px) {
ul#accordion li:nth-child(3) a{
color: red!important;
}
}Hope this will work for you.
Thanks!
Please add below css
#shopify-section-mobile-navigation ul#accordion li:nth-child(4) a { color: red!important; }
Hi, I would like to change the color of one of the menu items on my homepage - It is the "Sale" Collection. Can you help?
shopraedunn.myshopify.com
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file
.site-nav > li:nth-child(2) .site-nav__dropdown > li:last-child a{color:red;}
Note:This is fast solution so dont change sequence of menu
User | RANK |
---|---|
114 | |
88 | |
69 | |
66 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022