Studio Theme (Announcement Bar)

Store Design
, ,
1

How do I align text (center) with flower logo on the Announcement bar

IMG_8443.png
IMG_8443.png746Ă—122 5.49 KB

1 Like
2

Hi @shopcheri

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

p.announcement-bar__message {
    display: flex !important;
    align-items: center !important;
}

image (23).png
image (23).png557Ă—202 14.1 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

3

Hello @shopcheri

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

4

it has worked!

However, it wont let me publish it for some reason.

Screenshot 2024-12-16 at 11.55.53 AM.png
Screenshot 2024-12-16 at 11.55.53 AM.png3358Ă—630 230 KB

5

Hi @shopcheri

Do you mean that you can’t save the change?

6

yes. its not letting me save

7

URL

8

Hi @shopcheri

Please disregard the first message and follow this instruction instead.

Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2

Open the file and search for tag
Step 3: Add the following code at the bottom of the file above tag

Here is the code for Step 3:

{% style %}
p.announcement-bar__message {
    display: flex !important;
    align-items: center !important;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

1 Like
9

thanks so much!! that worked. :slightly_smiling_face: