Changing image captions and headings

  • Resolved daveearley

    (@daveearley)


    4 years, 5 months ago

    Hello,

    With the recent WordPress update (5.3), all of the captions underneath the images have moved left and changed to “normal” font. If I switch to the twenty seven theme the captions are centered and have a different font (which is what I want).

    Additionally, when I am inside the dashboard writing an article I notice the headings are bold and large. However, when I publish the article the headings do not look the same live. The headings seem to be the same as the content within the paragraph, only slightly larger. I’m not sure if that one is related to the theme or not.

    Is there an easy way to change these issues in the CSS? I found a couple of codes provided to people who have the same issue with other themes, but they did not work for the adventurous theme.

    To put it simply:

    1). How do I move all captions center and change size/font site wide?
    2). The headings in dashboard do not match those in the live articles. Can I correct this, or make them bolder by adding additional CSS?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter daveearley

    (@daveearley)

    4 years, 1 month ago

    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…

    Thread Starter daveearley

    (@daveearley)

    4 years ago

    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”.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing image captions and headings’ is closed to new replies.