capitalize text in announcement bar, dawn theme

[marjolein94]

Hi! 

Can someone help me capitalize text in the announcement bar in Dawn Theme?

[exertweb]

Hello @marjolein94 

Please follow below steps:

• Go to the Theme Editor:

  • In your Shopify admin, go to Online Store > Themes.
  • Click Actions > Edit Code next to your active theme.

• Find the theme.liquid File:

  • In the code editor, look under the Layout folder.
  • Open the theme.liquid file.

• Insert the Code Before the Closing </head> Tag:

  • Scroll down until you find the closing </head> tag.

<style>
.announcement-bar__message {
    text-transform: capitalize;
}
</style>

[marjolein94]

This didn't work 😞

[exertweb]

@marjolein94 Can you share your store URL?

[marjolein94]

https://c73a93-31.myshopify.com/

[exertweb · Accepted solution]

@marjolein94 

Please try below code.

<style>
.announcement-bar__message {
    text-transform: uppercase;
}
</style>

[marjolein94]

This worked! thanks 🙂

[devcoders]

Hello @marjolein94 

- Go to Online Store -> Theme -> Edit code.
- Find the file base.css and paste the code below at the bottom of the file.

.announcement-bar__message.h5 {
text-transform: capitalize;
}