This did not work for me. I am using the Turbo Seoul theme and there is no base.css file to add your code to. Does anyone know where to look in Turbo Seoul
Topic summary
A user seeks to increase the announcement bar font size on their Shopify store. The primary solution involves adding custom CSS code to the theme’s stylesheet (typically base.css, style.css, or theme.css).
Standard CSS Solution:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
- Locate the CSS file in the Assets folder
- Add code targeting the announcement bar element (e.g.,
p.announcement-bar__message.h5 { font-size: 20px; }) - Adjust the pixel value as needed
Theme-Specific Variations:
- Turbo Seoul theme: Required using
.promo-banner__content strongselector in styles.css instead of base.css - Spotlight theme: One user initially struggled due to missing the double underscore in the CSS selector
Current Status:
Multiple users confirmed the solution works after applying theme-appropriate CSS. One user reports the fix didn’t work for their store (mediocre-studios.com) and awaits further assistance. An unanswered question remains about implementing mobile-specific font sizing.
1 Like