Changing sidebar submenu link color

[ETAL]

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!

[KetanKumar]

@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.

[ETAL]

Sorry about that, thought I included that!

https://www.etal.eu

[KetanKumar · 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;
}

[ETAL]

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 · Accepted solution]

@ETAL 

Thanks can you please 

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

[ETAL]

Thanks so much!

[KetanKumar]

@ETAL 

it's my pleasure to help us

[LinB]

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]

@LinB 

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

[LinB]

Work sans regular, color #052C4B

I don't find the font size, where can I find it in the code?

[KetanKumar]

@LinB 

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