daveearley

A technician from Avantlink was able to help me solve this image issue. It seems that some did not have a “thumbnail” to pull, so a full image was used and sized down. I’m still not sure what was pushing the images to the left on my page, but was able to use div align=center to center them on the page.

After many hours of googling and combining codes from various sources, I was finally able to modify and re-position the captions. I added the following code to my CSS:

figcaption {
width: 100%;
left: 0px;
right: 0px;
color: dimgray;
position: relative;
font-style: normal;
font-weight: bold;
font-family: Bookman, serif !important;
text-align: center;
}
figure {
display: table;
}
figcaption {
display: table-caption;
caption-side: top;
}

It is interesting to note that nothing would change without the “width: 100%” and the “left”, “right” designations.

I don’t have any idea why that is, but I did not have the issue until after the most recent WP update. I could not find any reason to believe a plug-in was causing the problem.

Once the next update happens I’m sure I will have to fix, or remove some of the code above. As for now, the captions are back to center and I can change the font/color etc. There are a few captions which are not obeying the “caption-side: top” rule, but I’m okay with it. Most of them appear at the top of an image.

I haven’t attempted to change the primary headings yet, but I’m sure spending a few more hours searching and implementing code will help me modify those as well. So, I will go ahead and mark the topic as “resolved”.

Can I please get an assist here? The captions and headers remain unresolved. It can be seen on almost any article on the website. A good example would be – https://placesforpups.com/hiking-in-San-Antonio-the-ultimate-guide

Another issue has come up, but I will create a separate topic for it…