Editing announcement bar font weight DEBUT

AlfieHayward1
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.

0 Likes
Pallavi
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
0 Likes
Proficient
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

0 Likes