• My image captions display nicely within a table, in the visual editor – centred, the right size, BUT on the page, the text takes the style for the page – left aligned, larger.

    See the display here: https://ajcarlino.com/wp/my-work/

    Here’s the caption code:

    [caption id="attachment_331" align="aligncenter" width="138"]<a href="https://ajcarlino.com/wp/?gallery=alice_in_wonderland"><img class="size-full wp-image-331" title="Alice-138x120" src="https://ajcarlino.com/wp/wp-content/uploads/2012/06/Alice-138x120.jpg" alt="Alice in Wonderland" width="138" height="120" /></a> Alice in Wonderland[/caption]

    Here’s the table header:
    <table class="aligncenter" style="height: 800px; ; width: 650px;" border="0" cellspacing="5" cellpadding="5" align="center">

Viewing 6 replies - 1 through 6 (of 6 total)
  • While this is a premium theme and they generally aren’t supported you can add

    #page_content_wrapper .wp-caption {
        text-align: center;
        font-size: 12px;
    }

    to your style.css file and that should center the text and make it smaller. You can adjust the number 12 to increase/decrease the font size. Only tested on your My Work page so not sure if it would interfere with other pages.

    Thread Starter Robert Hart-Fletcher

    (@robbuddy)

    Thanks Jarret
    I’ll give it a try.
    Just one thing – where do I add the CSS?
    – edit the Theme?
    – in my WP files?
    Rob

    You should look into a child theme (https://codex.www.ads-software.com/Child_Themes) first before making changes. If you know how to use FTP then modify style.css otherwise follow the instructions below. But please note, that modifying code by the method below can screw up your entire site if not properly entered.

    Log into your admin area and on the right hand side navigate to Appearance-Editor. Then on the right hand side you can choose style.css from the list and put the changes there.

    Thread Starter Robert Hart-Fletcher

    (@robbuddy)

    Ok Thanks Jarret.

    Thread Starter Robert Hart-Fletcher

    (@robbuddy)

    Hey it worked! Thank you!
    I’m teaching my self child themes now, so I can do it the smart way.
    Thanks Jarret.

    No problem, please consider marking this thread as resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Caption do not display properly’ is closed to new replies.