Skip Navigation

[Resolved] Image does not align when using Elementor

This thread is resolved. Here is a description of the problem and solution.

Problem:

I have another issue with the view in Elementor. I'm unable to align the image to the center.

Solution:

It is a CSS issue, see the example codes here:

https://toolset.com/forums/topic/image-does-not-align-when-using-elementor/#post-2023033

Relevant Documentation:

This support ticket is created 4 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 2 replies, has 2 voices.

Last updated by nadavL 4 years, 1 month ago.

Assisted by: Luo Yang.

Author
Posts
#2023001

Following ticket https://toolset.com/forums/topic/view-in-elementor-only-display-1-column/#post-2022905

I have another issue with the view in Elementor. I'm unable to align the image to the center.
Could you please advise if I can amend the CSS you gave me to affect this as well?

Thanks

#2023033
aligncenter.JPG

Hello,

Toolset Blocks plugin is based on WordPress Blocks editor, it is not recommended to use two page builders(Blocks page builder + Elementor page builder) to design the same page/post, it will conduct unexpected result, I suggest you follow our document to use Elementor with Toolset plugins:
https://toolset.com/course-lesson/using-toolset-with-elementor-page-builder/#how-to-use-elementor-with-toolset
section "How to use Elementor with Toolset"

And in this case, it is possible to fix it by some CSS codes, for example:

div.wp-block-image figure.tb-image.tb-image-dynamic.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

See my screenshot aligncenter.JPG

#2023071

My issue is resolved now. Thank you!