Need help? Check out our Support site, then


Want to Remove Gray Box around Photos with Captions (Coraline Theme)

  1. Hi,

    I am having trouble getting my homepage to look how I want. I want the four images on http://kaylajenkins.com to be evenly spaced horizontally and vertically (kind of like a 2x2 table). I thought that one way to do this might be to increase the margins horizontally between the photos on each row, but whenever I do this, the gray boxes end up all out of alignment and no longer fit around the images. I've noticed that these boxes/frames only show up when an image has a caption. I do have the CSS upgrade--is there a way to get rid of all gray frames around images? (I don't like the way they look in gallery images either, like this ) Alternatively, should I be editing the HTML code?

    Also, if there are any tricks you can tell me to help me basically create a grid of evenly spaced images, that would be extremely helpful, as this is how I'll usually want to display images in the future.

    Thanks in advance for the help!

    The blog I need help with is kaylajenkins.com.

  2. IMO if you know enough about html to make a table of images, then it would be far simpler for you and much easier to insert a row of "captions" under your pictures than to try to use the caption fuction on wp.

    You don't need CSS to insert tables. A row of images, followed by a row of "captions" followed by another pair of rows.

    Look here:
    http://onecoolsitebloggingtips.com/2010/03/24/align-images-html-tables-for-wordpress-blogs/

    Images with captions have the sort of formatting you describe because it is part of the CSS of the themes.

  3. If you still want to change the CSS of how images with captions are displayed, I'll move this thread to the CSS forum.

    But then again, I have inserted rows of 3 or 4 images without tables on several of my most recent posts. Don't know if a CSS solution would be easier?…

  4. This should get rid of it everywhere.

    .wp-caption {
    background: transparent;
    }
  5. I take that back, you need to do this too.

    .image-attachment .entry-content .entry-attachment {
    background: transparent;
    }
  6. Thesacredpath, that takes care of it, thanks so much!

    Thanks also, 1tess, for the help with making a table. I will try to figure that out eventually, as it does seem like the best solution.

  7. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic