How can I bold text and add a payment logo on my announcement bar?

Store Design

Topic summary

A user with the Refresh theme wants to:

1. Bold announcement bar text:

  • Multiple solutions provided involving custom CSS code
  • Suggested approach: Add CSS targeting announcement bar elements via theme.liquid or base.css files
  • Code snippets include font-weight: bold !important; targeting announcement bar classes

2. Add payment logo to announcement bar:

  • Question raised but no solutions provided yet in the thread

Implementation steps (general pattern):

  • Navigate to Online Store → Theme → Edit code
  • Locate theme.liquid or base.css file
  • Paste provided CSS code at bottom of file
  • Save changes

Status: Partial resolution - text bolding addressed with code examples, but payment logo integration remains unanswered. One responder requested store URL to provide more specific guidance.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I have the Refresh theme on my store and I would like to know how can I make the text bold on my announcement bar.

Also would like to know if there is a way to add a payment logo on my Announcement bar.

Thanks in advance.

1 Like
2

Hi @Edwardtalon13

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Hi @Edwardtalon13 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

4

Hello @Edwardtalon13

You can try this code: it might be helpful to you-

Go to the setting> Edit code> base.css file>Paste the code at the bottom.

p.announcement-bar__message.h5 {
    font-weight: bold!important;
}