Skip Navigation

[Resolved] center image in views

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/Karachi (GMT+05:00)

This topic contains 3 replies, has 3 voices.

Last updated by Waqar 1 year, 4 months ago.

Assisted by: Waqar.

Author
Posts
#2628755
toolset.jpg
web_page.jpg

Tell us what you are trying to do?

while working on "view" I get the problem that in toolset (see -> toolset.jpg) my images are centered while on the web they are not (see -> web_page.jpg)

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

hidden link

extern3
Let_me_in_2023

#2628823

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Screenshot 2023-07-31 at 17.35.29.png

Hi there

The image alignment is being affected by some additional CSS added to the page which sets the image width to 100%. I'm not sure where exactly the CSS is added, but you can see the relevant style rule in the screenshot.

#2629015

hi
I cant find where this CSS comes from!
could you give me any clue?

thanks

Ed.

#2629163

Hi Ed,

Thanks for writing back.

I did some troubleshooting and noticed that some styles from the 'Breakdance' plugin are affecting the center alignment of the image block.

Please go to WP Admin -> Appearance -> Customize -> Additional CSS and include the following CSS code in that:


.wp-block-image .tb-image.aligncenter {
    text-align: center;
}

This should fix this alignment for all the image blocks with the center alignment option.

regards,
Waqar

#2629661

thanks works fine