Editing announcement bar font weight DEBUT

New Member
2 0 0

Hi there, i have the Debut theme, i want to edit the font so that some of the text is bold. I know how to edit the whole text within the CSS from the tag .announcement-bar__message. however i want some of it to be bold and the rest not. Like this: "Free Worldwide Shipping On All Orders" Is there any way to just bold some of the text. Thanks.

Shopify Expert
2235 370 484

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Shopify Expert
5 0 2

The simplest way to achieve this is in the Debut theme is the following:

- Open header.liquid file in the Code Editor

- Search for announcement-bar__message

- Delete the curly braces and everything inside <p class="announcement-bar__message">{{ section.settings.message_text | escape }}</p>

- Replace what you deleted with this: "<strong>Free Worldwide Shipping</strong> On All Orders"

- Save and you're good to go

By doing this you'll only be able to edit the announcement bar text in the code editor, also anything you place inside of <strong></strong> will become bold