[SOLVED] New WP Create Gallery ~ captions do not center

VivBounty · #1 Jan 28, 2018, 06:21 PM

Hello ATA angels.

Page is here: https://thosbartlettantiquesandoddments.com/gallery.

I have created a gallery with the new WP create gallery option from New Page.

However the captions on the pictures are indented or right-aligned. I would like them centered.

In the creation of the page the caption looks centered, but when the page is viewed in browser all the captions are off center.

Can anyone please shed some light on this problem?

Thanks,
Viv

juggledad · #2 Jan 29, 2018, 07:40 AM

The caption IS centered, it just doesn't look it because the image is not centered in the space given. If you make the width of your browser window smaller you will see the three images but up against each other and the text will be centered.

So the next question is why are all the images left aligned? go yo ATO->HTML/CSS Inserts->CSS Inserts and look for the code:

HTML Code:

.hentry img {
max-width:100%;
 height:auto !important;
display:block !important;

}

if you remove the 'display:block !important;' the images will be centered - however this may break what ever you added this code to fix.....

VivBounty · #3 Jan 29, 2018, 08:03 PM

I have tried adding the following code:

Code:

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

to no avail.

Can anyone please shed any light?

Thanks.

VivBounty · #4 Jan 29, 2018, 08:06 PM

Oops didn't see your reply, JD. Sorry about that.

That did the trick. Fantastic.

Thank you so much!