How can I align announcement bar text to the left in Taste theme?

Store Design
1

Hello,

We are using the “Taste theme” and we would like to know if there is a way to align the text of the announcement bar on the left and to change the body of the text in bold or regular.

Here is a screenshot of how it looks right now :

Capture d’écran 2022-06-09 à 16.58.48.png
Capture d’écran 2022-06-09 à 16.58.48.png1930×461 32.6 KB

Hope to hear from you.

www.wegan.eu

2

@Wegan

.announcement-bar__message {
 
    padding: 1rem 2rem;
    margin: 0;
    letter-spacing: .1rem;
    text-align: left !important;
}

Add this to your base.css or find .announcement-bar__message in base.css and change the first “text-align: center;” to “text-align: left”

3

Hi @Wegan ,

  1. Go to Admin page > Online store > themes > Actions > Edit code
  2. Open the base.css under the Asset folder then add the code below.
@media only screen and (min-width: 481px) {
.announcement-bar__message.h5{
    text-align: left;
}
}
4

Please add below css code in bottom of assets/base.css file

p.announcement-bar__message.h5 {
text-align: left;
font-weight: 400;

}
Thank you.

5
  • Step 1: Go to your Themes page. Navigate to Online Store > Themes. …
  • Step 2: Click Edit code. In the Actions dropdown menu, click on Edit code to get to the code editor.
  • Step 3: Find the Assets folder for CSS files and edit the base.css file.
    Add the below style to the base.css file at the end
.announcement-bar__message h5 {
    text-align: left !important;
    font-weight: bold !important;
}
6

Thank you so much, it worked perfectly !

xx