Caption do not display properly

  • Resolved Robert Hart-Fletcher

    (@robbuddy)


    11 years, 10 months ago

    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: http://ajcarlino.com/wp/my-work/

    Here’s the caption code:

    [caption id="attachment_331" align="aligncenter" width="138"]<a href="http://ajcarlino.com/wp/?gallery=alice_in_wonderland"><img class="size-full wp-image-331" title="Alice-138x120" src="http://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)
  • Jarret

    (@jarretc)

    11 years, 10 months ago

    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)

    11 years, 10 months ago

    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

    Jarret

    (@jarretc)

    11 years, 10 months ago

    You should look into a child theme (http://codex.wordpress.org/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)

    11 years, 10 months ago

    Ok Thanks Jarret.

    Thread Starter Robert Hart-Fletcher

    (@robbuddy)

    11 years, 10 months ago

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

    Jarret

    (@jarretc)

    11 years, 10 months ago

    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.

Tags