Most widgets right justified after update to WP 5.x

Support
#1

As the title states, most of our widgets are now displaying right justified. this happened after the update to WP 5.0.1 (on 5.0.3 currently). I’ve also noticed most of the ACF Pro custom fields in our sidebar are the same. I have had to add css to left justify text when before the default was left.A few of the widgets showing this behavior also uses the custom sidebar widget area tool provided by X in the appearances menu.

Sample url where this can be seen is:
https://ehsd.org/overview/policy-and-planning.

EDIT
I discovered this to be caused by the Atomic Blocks plugin, which was setting the block css to be right. Not sure if that is the case as well for the ACF Pro fields.

#2

Hi There,

Thank you for writing in, would you mind providing another sample page? I don’t see any right align content on the page you provided.

For now please audit your contents that is intentionally aligned to right (if any), make sure those content have an closing HTML tags

Thanks,

#3

EDIT
I discovered this to be caused by the Atomic Blocks plugin, which was setting the block css to be right. Not sure if that is the case as well for the ACF Pro fields.

Support seems to skim the message content :disappointed:

#4

Hi There,

It sounds like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X/Pro theme will need to be directed to the original developer.

Thank you for your understanding.

#5

I understand. The core of the issue seems to be a namespace conflict. X/Pro uses a .right class for floating divs right. Atomic Blocks uses .right to set text-align: right.

#6

Great. It’s good to know that.

Please take note that we use this classes:

  • .right - to float an element to the right
  • .left - to float an element to the left
  • cs-ta-left - to align the text to the left
  • cs-ta-right- to align the text to the right
  • cs-ta-center - to align the text to the center
  • cs-ta-justify - to align the text with justify

Hope this helps.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.