Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #170052

    I’ve come across some troubles with the “caption box”. When using it plain (i.e. no slideshow etc.), the contents are not centered – like in this image: https://dl.dropboxusercontent.com/u/23612996/1.jpg (using Google Chrome).

    And when using several images in shortcode column, the right border of the caption box is cut off like in this image: https://dl.dropboxusercontent.com/u/23612996/2.jpg (again in Google Chrome). The same thing looks even more freaky in Firefox and Explorer, namely like this: https://dl.dropboxusercontent.com/u/23612996/3.jpg

    If I use the shortcode slideshow, it looks okay (besides not being aligned in the middle, like in the first picture) on desktop browsers. But on mobile (Android) the right border of the caption box is cut off like when using the column shortcode in Google Chrome.

    My site (WP 3.61) does hardly have any extra plugins, and these problems persist after deactivating all plugins. I’ve done no alterations to either the WordPress code nor this theme.

    I saw that Kriesi mentioned one month ago that he was working on an update of the theme, but there has been none since then. Is that update still coming? I thought this might have been taken care of by that update.

    #170248

    Hi,

    Can you post a link to your website please, specifically where these errors occur? I’d like to check it.

    Regards,
    Josue

    #170483
    This reply has been marked as private.
    #170604

    Hi,

    Try adding this code to the Quick CSS area in the Theme options page:

    .entry-content .one_half{ overflow: visible !important; }
    .wp-caption.aligncenter{ text-align: center !important; }

    Regards,
    Josue

    #170609

    That “sort of” fix things. It’s still messed up in Explorer and Firefox, but in a little different way. Do you have any idea if this has something to do with my set-up in any way, if I do anything wrong, or if it’s theme related?

    #170645

    Hi,

    Use this code instead:

    .wp-caption img{ width: 96% !important; }
    .wp-caption.aligncenter{ text-align: center !important; }
    

    Regards,
    Josue

    #170771

    No change in IE/Firefox.

    #170862

    Hi!

    Tested in Firefox with this code:

    #top .wp-caption img {
        width: 100% !important;
    }

    Result:

    Cheers!
    Josue

    #170866

    On Windows, it “half solved” it, the images became nice and ordered like in Google Chrome, but the right border was cut off again. BUT, I added this previous snippet you gave me: .entry-content .one_half{ overflow: visible !important; } too, and it came back.

    Thanks a lot. I would suggest that you informed “the coder guy(s?)” about this matter, so it might be overseen to the next update. Again, thank you!

    #170874

    I’ll will, glad we could help :)

    Regards,
    Josue

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Caption box, content misaligned, right border cut off.’ is closed to new replies.