Changing sidebar submenu link color

Solved
ETAL
Tourist
4 0 2

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!

 

Screen Shot 2021-01-28 at 20.42.16.pngScreen Shot 2021-01-28 at 20.49.19.png

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ETAL 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ETAL 

Thanks can you please 

.SidebarMenu .Text--subdued {
font-size: 14px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 11 (11)
KetanKumar
Shopify Partner
24919 2495 9027

@ETAL 

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ETAL
Tourist
4 0 2

Sorry about that, thought I included that!

 

https://www.etal.eu

 

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ETAL 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

ETAL
Tourist
4 0 2

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.

KetanKumar
Shopify Partner
24919 2495 9027

This is an accepted solution.

@ETAL 

Thanks can you please 

.SidebarMenu .Text--subdued {
font-size: 14px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

ETAL
Tourist
4 0 2
KetanKumar
Shopify Partner
24919 2495 9027

@ETAL 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LinB
New Member
2 0 2

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

KetanKumar
Shopify Partner
24919 2495 9027

@LinB 

yes please let me know which font type do you need side bar

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing