Need help? Check out our Support site, then


Sunspot caption modification?

  1. Here in this forum, I found CSS codes to eliminate borders and shadows from my images. It worked very well. Thank you, past posters.

    Now, I would like to modify the captions. When captions are activated, the images are placed into the caption window with the background forming a border at the top and sides and the lettering at the bottom.

    But, is there any way to eliminate the extraneous border from around the sides and top of the images, a snugger fit, if you will?

    Thank you.

    The blog I need help with is baskcabinetry.com.

  2. .wp-caption {
        background-color: transparent;
        padding: 0;
    }
  3. Thank you for your kind help, justpi. Your solution has been applied.

    I found an explanation of the "box model" at the w3schools site that seems to represent the schematic format for this image-in-a-caption-box. I'll have to experiment with it. It's always fun to learn new things .^_^.
    http://www.w3schools.com/css/css_boxmodel.asp

  4. You're welcome.
    The "box model" is a generic schematic representation that tries to explain properties such as padding and margin. Each block element is enclosed in a visible (if there's a border) or invisible box. Padding is the space inside the boundaries of the box (creates some room between the box and its content), margin is the space outside the boundaries (creates some space between the box and the surrounding elements).
    To explain the code I suggested: On the theme you're using, the frame around captioned images is created by a background color. It requires some padding, so that the bg color will show around the image. If you remove the bg color (by turning it to transparent), you also need to remove the padding, otherwise the image will look mis-aligned.

Topic Closed

This topic has been closed to new replies.

About this Topic