WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Caption do not display properly (7 posts)

  1. Robert Hart-Fletcher
    Member
    Posted 2 years 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">

  2. JarretC
    Member
    Posted 2 years 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.

  3. Robert Hart-Fletcher
    Member
    Posted 2 years 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

  4. JarretC
    Member
    Posted 2 years 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.

  5. Robert Hart-Fletcher
    Member
    Posted 2 years ago #

    Ok Thanks Jarret.

  6. Robert Hart-Fletcher
    Member
    Posted 2 years ago #

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

  7. JarretC
    Member
    Posted 2 years ago #

    No problem, please consider marking this thread as resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags