Minimal Theme announcement bar text color change

[David_Jiang]

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;

}

[suyash1]

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

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

[David_Jiang]

Hi, ParamSoft,

It works! That's great! Thank you!

[paramSoft]

Thank you for update