Centre Image has stopped working

[TorquayBC]

My site is Torquaybowlingclub.co.uk and uses Weaver Xtreme theme.

I have added plugins Twitter Feed by Arrow and Twitter Button by BestWebSoft to place a Twitter feed on my home page. Since then all of the images across the site which were centre aligned are now aligned left when viewed by a browser. Align right works, obviously can’t check align left. On the WordPress Visual edit screen images are aligned correctly.

Presumably the problem is caused by one or both of plugins. However I did not wish to rollback to pre Twitter state because content had been added to site before I was aware of the problem. Is there a way to see if image align centre code has been corrupted?  Open to any suggestions for a fix.

[scrambler]

All images on the home page appear centered, so if you are speaking of other images, please be specific with a link to the page in question, and what image(s) you are speaking of.

[TorquayBC]

Home screen does look ok but the photos are full page width (no sidebars) so you can’t tell what alignment there may be. Look at the Officers page, photo is on left, should be centred. On the League Table sub pages each table is a jpeg and should be centred but is on the left. The only image not left justified is on the History page. The coding for that is different to all others. I don’t know why , I inherited maintenance of the site a couple of years ago and have had no reason to look at the History page in that time.

Other pages with images that should be centred are The monthly Fixtures and the Bowls Tours page.

[scrambler]

There is a rule (below) from the plugin, that is overriding the theme centering rules
.entry-content img{margin:0!important}

It is inside the plugin CSS file below
http://torquaybowlingclub.co.uk/wp/wp-content/plugins/arrow-twitter-feed/css/A.jquery.socialfeed.css,qver=1.0.0.pagespeed.cf.7QQntqGYrz.css

and it is overriding the theme centering rules

This is VERY bad practice from the plugin, as it basically forces ALL images in these generic theme container to be left aligned.

You need to speak to the plugin developer and ask why they are doing that. Their rule should have a specialized selector so it only affects their content!

If you get nowhere with them you could add the Rule below in Main options > Fonts & Custom > Custom CSS Rule box, to override their bad rule.

#content img.aligncenter {margin-left:auto !important;margin-right:auto !important;}

[Author]

Posts