Guest Posted May 25, 2020 Share Posted May 25, 2020 (edited) Site URL: https://fife-deer-hznw.squarespace.com/ I'm using brine. I've tried a few methods in css to increase the marketing announcement bar's font size. Nothing's working. It's set at 13 and it's too small (I want all the sites fonts to be no smaller than 14px) .sqs-announcement-bar-text {font-size: 1.3rem !important; } seems to increase the font *line-height* but not the actual font *size* I've also tried: @media only screen and (max-width: 640px) .sqs-announcement-bar-text, p { font-size: 14px; !important;} This isn't working either. The "p" is being identified as a syntax error. What am I doing wrong? What gives? Edited May 25, 2020 by AKTX Link to comment
Solution tuanphan Posted May 25, 2020 Solution Share Posted May 25, 2020 @media screen and (max-width:640px) { .sqs-announcement-bar-dropzone p { font-size: 8px; } } SodaCreekDigital, IwanJ and Liza 2 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kfalconer Posted September 6, 2020 Share Posted September 6, 2020 is there a way to do this in 7.1? Thank you! Link to comment
tuanphan Posted September 6, 2020 Share Posted September 6, 2020 11 hours ago, kfalconer said: is there a way to do this in 7.1? Thank you! I think the code should work in both 7.0, 7.1. If it doesn't work, can you share site url? We can check easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kfalconer Posted September 15, 2020 Share Posted September 15, 2020 It didn't for 7.1, but tweaking it to this worked: .sqs-announcement-bar { p { @media(max-width:799px){ font-size: 14px !important;} } } thank you! juliaprather and violettag 2 Link to comment
Rafida Posted September 29, 2020 Share Posted September 29, 2020 @tuanphan It seems your proposed code above doesn't work on our 7.0 BRINE website. Any ideas why? Site: https://rafida.org Pass: lastphasetesting3 Link to comment
tuanphan Posted September 30, 2020 Share Posted September 30, 2020 21 hours ago, Rafida said: @tuanphan It seems your proposed code above doesn't work on our 7.0 BRINE website. Any ideas why? Site: https://rafida.org Pass: lastphasetesting3 /* resize announcement bar size */ @media screen and (max-width:640px) { .sqs-announcement-bar-text * { font-size: 6px !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Rafida Posted September 30, 2020 Share Posted September 30, 2020 Worked! Thanks! @tuanphan Link to comment
IwanJ Posted November 18, 2021 Share Posted November 18, 2021 @tuanphan Hi there Tuan, hope you're well? Is it possible to reduce the height of the Announcement Bar? Link to comment
tuanphan Posted November 20, 2021 Share Posted November 20, 2021 On 11/18/2021 at 7:49 PM, IwanJ said: @tuanphan Hi there Tuan, hope you're well? Is it possible to reduce the height of the Announcement Bar? Add to Design > Custom CSS .sqs-announcement-bar-text { padding-top: 2px !important; padding-bottom: 2px !important; } juliaprather 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment