captions not centering and floating boxes

  • 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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter jend70sugar

    (@jend70sugar)

    site is https://www.andayaonline.com

    guess that’d be important

    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.

    Thread Starter jend70sugar

    (@jend70sugar)

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

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

    Thread Starter jend70sugar

    (@jend70sugar)

    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.

    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.

    Thread Starter jend70sugar

    (@jend70sugar)

    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;

    Try adding something like:

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

    Thread Starter jend70sugar

    (@jend70sugar)

    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?

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘captions not centering and floating boxes’ is closed to new replies.