Public Forums 71,145 posts

[Nick Friend NickJoin date: September 2015Posts: 4Downloads:3Uploads:0]

#681327

Hi,

My website (http://www.costheatre.org) is using the Purity III template. Site is currently offline but you can log-in to view with username: guest and password: guest. I have a problem when click on an article. The image I put under “Full Article Image” is left justified. I have tried some CSS tweaks but nothing seems to help. This is only an issue when viewing on a full or wide-screen browser. When you use a smaller screen/window size it seems to center. Example here: http://costheatre.org/index.php/productions/41-animal-farm

Another issue that seems to be related is inserting an image within an article has the same effect (left justified until a smaller screen/window size). Example here: http://costheatre.org/index.php/about-us/our-facility (seating chart half way down).

Any help would be greatly appreciated.

Many thanks,
Nick

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#681395

Hi
Add this code in custom.css to make article image in center :


article img, .article-intro img {
margin: 0 auto;
}


save and check.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#747332

Hi
Add this code in custom.css to make article image in center :


article img, .article-intro img {
margin: 0 auto;
}


save and check.

[Nick Friend NickJoin date: September 2015Posts: 4Downloads:3Uploads:0]

#681558

Awesome! Worked perfectly. I had tried something similar but my syntax was wrong. Thanks so much!

[Nick Friend NickJoin date: September 2015Posts: 4Downloads:3Uploads:0]

#747421

Awesome! Worked perfectly. I had tried something similar but my syntax was wrong. Thanks so much!

[Author]

Posts