WordPress.org

Ready to get started?Download WordPress

Forums

captions not centering and floating boxes (9 posts)

  1. jend70sugar
    Member
    Posted 3 years ago #

    I'm having several issues with the media gallery i am building for my company. I'm using shadowbox which that's working fine (well how i need it too)

    1) Some, but not all the captions are centered under the image. I looked in the code and it says under .wp-caption and it says text-align: center;

    How can i fix this?

    2) The images on my computer are fine, and perfect rows. On my bosses however the very last one is on the next line down but correct position. How could this be? It's fine on my firefox and safari.

  2. jend70sugar
    Member
    Posted 3 years ago #

    site is http://www.andayaonline.com

    guess that'd be important

  3. esmi
    Forum Moderator
    Posted 3 years ago #

    1. A link to a page demonstrating this problem would help.

    2. Your boss may be using a different browser and/or screen resolution. Even the size of the browser scrollbars (as configured in the user's OS) can change the viewport's available width and cause an element to drop down onto the next line.

  4. jend70sugar
    Member
    Posted 3 years ago #

    http://www.andayaonline.com/?page_id=112

    Sorry wasn't paying attention on the link i did post but it's on that page

  5. jend70sugar
    Member
    Posted 3 years ago #

    The non centering issue is on all but 1 of the photos in the 2 inner columns. can't for the life of me figure out why.

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    Try styling dd.wp-caption-dd directly. Currently, I think the browser is applying a margin-left (of 40px in Firefox 4) as part of the default <dd></dd> styling. You need to reset that left margin.

  7. jend70sugar
    Member
    Posted 3 years ago #

    I've tried changing a few things here with no success. Is this where i need to reset it? and if so how?

    .wp-caption {
    border: 0px solid #fff;
    text-align: center;
    background-color: none;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

  8. esmi
    Forum Moderator
    Posted 3 years ago #

    Try adding something like:

    dd.wp-caption-dd {margin:0;padding:0;}

  9. jend70sugar
    Member
    Posted 3 years ago #

    Ok I did that and it worked for the captions! thank you! but now some of my images are not in the right place at all. Is this something i need to fix in the code?

    http://www.andayaonline.com/?page_id=112

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.