WordPress.org

Forums

Reduce the white gap between pictures on posts (7 posts)

  1. bettyboo93
    Member
    Posted 5 months ago #

    Hello everyone,
    I'm trying to reduce the space between pictures on my posts on http://www.bettyvintage.com

    when I have pictures consecutively on my posts there is quite a large gap between each one and I would like them to be much closer together.

    Is there a CSS code to resolve this?

    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 5 months ago #

    Try downloading and using Firebug to look at which CSS code is creating that space. Once you see the relevant code, copy it to your child theme and change accordingly.

    This may be a helpful CSS reference as well:

    http://www.w3schools.com/css/

  3. bettyboo93
    Member
    Posted 5 months ago #

    I have tried looking but I can't seem to figure it out! I'm relatively new to this so I don't really know what I'm looking for.
    thanks

  4. Andrew Nevins
    Volunteer Moderator
    Posted 5 months ago #

  5. bettyboo93
    Member
    Posted 4 months ago #

    I've asked in those forums and had no response. Can anyone on here help me? I know I've been helped with CSS matters on here before
    thanks

  6. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    See if adding this to your child theme CSS does what you want:

    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
        margin-bottom: 0;
        padding: 0;
    }
  7. bettyboo93
    Member
    Posted 4 months ago #

    oh my gosh thank you!

Reply

You must log in to post.

About this Topic

Tags