Minimal Theme announcement bar text color change

Solved
David_Jiang
New Member
4 0 0

On the minimal theme, I need to change the text color of the announcement bar only, but not the other text color on the head bar, how should i do it?

I added this code on the bottom of theme.scss.liquid, although the font-size and font-family got changed,  it does not change the text color, can anyone point out why? Thanks!

.header-bar .header-bar__module.header-bar__message{
    font-size: 22px  !important;
    font-family: 'Chalkduster', cursive;
    color: #D373A9 !important;
}
0 Likes
suyash1
Shopify Partner
1994 204 304

@David_Jiang - please share website link and password if any, I will give you css

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
paramSoft
Shopify Partner
1452 235 643

This is an accepted solution.

Please place this code at the end of theme.scss

.header-bar .header-bar__module.header-bar__message a {
    font-size: 22px  !important;
    font-family: 'Chalkduster', cursive;
    color: #D373A9 !important;
}

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
David_Jiang
New Member
4 0 0

Hi, ParamSoft,

It works! That's great! Thank you!

0 Likes
paramSoft
Shopify Partner
1452 235 643

Thank you for update

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes