Re: How to change the text on the announcement bar Dawn Theme?

How to change the text on the announcement bar Dawn Theme?

rvernon23
Excursionist
25 0 9

How do you change the text on the announcement bar in Dawn theme? I remember you were able to edit it in customization by just clicking on it but I guess after the new updated version of Dawn they got rid of it and now you have to change it in code I don't know why they did it that just makes it harder now for shopify store owners.

 

Screenshot of Welcome Bar.png

Replies 7 (7)

Harsita
Shopify Partner
46 10 22

Hi @rvernon23 

 

Thank you for reaching out to the Shopify community.

 

In the current version of dawn (version 11.0.0) too, you can change the text in announcement bar by going to the customize section itself.

Screen shot for reference:-

 

Just click on the text

 

Harsita_0-1690870838122.png

 

Here you can change the text.

Harsita_1-1690870977074.png

 

Give it a try and let me know if this was helpful.

 

Thanks

 

Harshita || Recurpay Subscriptions

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

oscprofessional
Shopify Partner
16266 2431 3160

Hello @rvernon23 

To change the text on the announcement bar in the Shopify Dawn theme, you'll need to access the theme files and modify the Liquid code. Here's the Liquid code you can use:

  1. Go to the Online Store > Themes.

  2. Find the Dawn theme and click on the "Actions" dropdown menu. Then, choose "Edit code."

  3. "Sections" folder, look for a file  "header.liquid" or "header-section.liquid."

  4. Open the file in the code editor, and search for the code related to the announcement bar. It  looks like this -

{%- if settings.show_announcement -%}
  <div class="announcement-bar">
    <p>{{ settings.announcement_text }}</p>
  </div>
{%- endif -%}

Modify the announcement text between the {{ settings.announcement_text }}  Liquid tags to change the announcement message.

 

For example:

{%- if settings.show_announcement -%}
  <div class="announcement-bar">
    <p>Welcome to our website! We have exciting news to share.</p>
  </div>
{%- endif -%}

Alick on the "Save" button to apply the modifications.

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free
camscorner
Visitor
3 0 0

I could not find this text anywhere in the header.liquid. Such a simple thing we're trying to do is to customize the Welcome. 🙁

Uzi3k10MILL
Visitor
1 0 0

Its in 'announcement-bar.liquid'

PageFly-Richard
Shopify Partner
4902 1102 1779

Hi @rvernon23 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

you can set it up here

PageFlyRichard_0-1690990276548.png

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Tlevine92
New Member
4 0 0

Hi - is it possible to adjust the location of the text within the announcements bar? The default is centered, but I’m looking to have to adjusted to the left edge of the bar, and then additional text w/ links adjusted to the right side of the bar.

 

Thoughts on how I can accomplish this?

 

Thanks in advance

Rhowze
Shopify Partner
9 0 4

Hello, may I know how can I make my announcement bar bold or italics? Thank you