# Vertical Centering - Formatting Issue w/ Announce Bar

**URL:** <https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185>\
**Category:** General Questions\
**Created:** [February 8, 2024, 2:55pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185 "2024-02-08T14:55:37Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Chris\_Murphy](https://avatars.discourse-cdn.com/v4/letter/c/c5a1d2/32.png) [@Chris\_Murphy](https://community.elfsight.com/u/Chris_Murphy)\
**Post date:** [February 8, 2024, 2:55pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/1 "2024-02-08T14:55:37Z")

</div>

- **Issue description:**

Starting in the last 2 or 3 days, our announce bars have started to have some funky formatting with the text no longer properly vertically centered. Is there a larger issue?

- **Link to the page with the widget in question:**  
Here is one example: [https://pleinairconvention.com](https://pleinairconvention.com)

I’ve got others if needed.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 8, 2024, 3:11pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/3 "2024-02-08T15:11:17Z")

</div>

Hi there @Chris_Murphy 👋

Yes, it would be great if you could share links to another pages where the issue occurs 🙏

---

<div class="post-metadata">

**Author:** ![Chris\_Murphy](https://avatars.discourse-cdn.com/v4/letter/c/c5a1d2/32.png) [@Chris\_Murphy](https://community.elfsight.com/u/Chris_Murphy)\
**Post date:** [February 8, 2024, 3:17pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/4 "2024-02-08T15:17:23Z")

</div>

> **[Home - OutdoorPainter](https://www.outdoorpainter.com/)**
>
> OutdoorPainter.com is the home of Plein Air magazine and Plein Air Today. Learn how to paint outdoors and join our community of artists!

> **[PaintTube.tv - Art Instruction by Nationally Known Artists](https://painttube.tv)**
>
> Learn how to paint with art lessons and painting videos by the best artists in the world. Professionally filmed and edited to create the best quality instructional DVDs available.

These are 3 separate announcement bar widgets.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 8, 2024, 3:23pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/5 "2024-02-08T15:23:23Z")

</div>

Thank you so much!

Our devs will investigate the issue. I’ll keep you updated 🙂

---

<div class="post-metadata">

**Author:** ![Haytham](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/haytham/32/4210_2.png) [@Haytham](https://community.elfsight.com/u/Haytham)\
**Post date:** [February 8, 2024, 5:50pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/6 "2024-02-08T17:50:05Z")

</div>

I’m experiencing a similar problem on my website where the text in the Announcement Bar isn’t displaying correctly.

> **[AnyArabic | Learn Arabic Online With AnyArabic Platform | Arabic Online...](https://anyarabic.com)**
>
> Learn Arabic online with AnyArabic online courses, the premier platform for English speakers. With 1000s of video and audio online Arabic lessons, we offer a comprehensive collection of Modern Standard Arabic, Arabic dialects, and Qur'anic Arabic...

[https://go.anyarabic.com](https://go.anyarabic.com)

Hope this can be fixed soonest

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 8, 2024, 5:56pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/7 "2024-02-08T17:56:01Z")

</div>

Hi @Haytham 👋

I am so sorry for about all the inconvenience!

I’ve shared your case with our devs as well. I’ll keep you in the loop!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 9, 2024, 7:32am UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/8 "2024-02-09T07:32:14Z")

</div>

Hey guys @Haytham @Chris_Murphy 👋

We’ve fixed the issue by adding this code to the Custom CSS field on the Style tab of your widget’s settings:

```auto
[class*="bar-elements__ElementsWrapper-sc"] {
  height: auto !important;
}

```

Please check your widgets and let me know if they are fine now.

It’s a temporary solution of the issue. Once the global fix is applied, I’ll let you know right away 🙂

---

<div class="post-metadata">

**Author:** ![Haytham](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/haytham/32/4210_2.png) [@Haytham](https://community.elfsight.com/u/Haytham)\
**Post date:** [February 9, 2024, 9:20am UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/9 "2024-02-09T09:20:41Z")

</div>

Yes, I think it is back to normal now.  
Thanks.

[https://go.anyarabic.com/](https://go.anyarabic.com/)

> **[AnyArabic | Learn Arabic Online With AnyArabic Platform | Arabic Online...](https://anyarabic.com/)**
>
> Learn Arabic online with AnyArabic online courses, the premier platform for English speakers. With 1000s of video and audio online Arabic lessons, we offer a comprehensive collection of Modern Standard Arabic, Arabic dialects, and Qur'anic Arabic...

 ![2024-02-09_171943](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/9/493e176a486b692af5c58cc958507c16ecb639f7.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 9, 2024, 9:26am UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/10 "2024-02-09T09:26:49Z")

</div>

Great! You are always welcome 😉

---

<div class="post-metadata">

**Author:** ![Chris\_Murphy](https://avatars.discourse-cdn.com/v4/letter/c/c5a1d2/32.png) [@Chris\_Murphy](https://community.elfsight.com/u/Chris_Murphy)\
**Post date:** [February 9, 2024, 3:09pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/11 "2024-02-09T15:09:49Z")

</div>

Looks good on my end this morning. Thx for the temp fix!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 12, 2024, 4:51pm UTC](https://community.elfsight.com/t/vertical-centering-formatting-issue-w-announce-bar/40185/12 "2024-02-12T16:51:12Z")

</div>

Hey guys 👋

The issue is globally fixed! Now you can remove the CSS codes from your widgets 🙂
