Shopify themes, liquid, logos, and UX
Hello,
I am trying to change the text color of only the sidebar submenu link on my Shopify store with the Prestige theme.
I'd like to change it to #FFFFFF because it blends in too much with the sidebar background. I have included a screenshot of my website and my theme settings and as you can see there is no link color option for the sidebar menu. I'm assuming I'll need some CSS magic but don't have a clue regarding that sort of thing.
Thanks in advance for any help!
Solved! Go to the solution
This is an accepted solution.
Thanks for details
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.SidebarMenu .Text--subdued {
color: #fff;
}
This is an accepted solution.
Thanks can you please
.SidebarMenu .Text--subdued {
font-size: 14px;
}
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
Please share your site URL,
So I will check and provide a solution here.
This is an accepted solution.
Thanks for details
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.SidebarMenu .Text--subdued {
color: #fff;
}
Thanks for that solution!
Now that I think about it, I do have one more question. How can I make that sidebar submenu link text bigger? I tried looking for it in the code but it wasn't clear.
This is an accepted solution.
Thanks can you please
.SidebarMenu .Text--subdued {
font-size: 14px;
}
it's my pleasure to help us
Dear Ketan,
Can you help me as well?
We would like to change the font type and size of the "account" in the sidebar navigation in the prestige theme so that it looks more like the other navigation items.
Our website: www.hulasol.com
Kind regards, Lin
yes please let me know which font type do you need side bar
Work sans regular, color #052C4B
I don't find the font size, where can I find it in the code?
yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
.SidebarMenu .Text--subdued {
color: var(--navigation-text-color);
font-family: var(--heading-font-family);
text-transform: uppercase;
font-size: 13px;
letter-spacing: .2em;
}
User | RANK |
---|---|
151 | |
109 | |
91 | |
55 | |
53 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By