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
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 |
---|---|
112 | |
86 | |
68 | |
67 | |
45 |
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