WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
Remove Space Between Thumbnails (11 posts)

  1. fashionbeautyetc
    Member
    Posted 1 year ago #

    Hi

    I'm using the Pinboard theme and I almost have it looking how I want.

    But i'm stuck. I'd like to remove all the gaps between the thumbnails in the masontry grid so that all the iamges are directly next to each other.

    My link - http://fashionbeautyetc.com

    Thanks in Advance

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does that theme come with a section in the dashboard named, "Custom CSS", "Custom Styles", or "Jetpack", or are you using a Child Theme?

    In which page do you want this change implemented?

  3. fashionbeautyetc
    Member
    Posted 1 year ago #

    I want it implemented on the homepage. I have jetpack so can add custom css. I'm pretty competent with css and php.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    What CSS have you tried for this?

  5. fashionbeautyetc
    Member
    Posted 1 year ago #

    I've tried changing the bottom and right margins on the .entry-thumbnail class but it hasn't worked. I use firebug to try changes btw.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    May you post that CSS? For we can then debug it.

  7. fashionbeautyetc
    Member
    Posted 1 year ago #

    .entry-thumbnail {
    background: url(http://fashionbeautyetc.com/wp-content/uploads/2012/12/imghover.png);
    opacity: 1;
    margin-right: -45px;
    margin-bottom: -10px;
    }

  8. fashionbeautyetc
    Member
    Posted 1 year ago #

    Basically i'm trying to create a grid like this one http://asyouaremagazine.com/

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Avoid using minus margins, you'll cause some formatting issues cross-browser.
    Try this;

    .twocol .entry {
     margin: 0;
    }

    The margin is being assigned to the <div> wrapping each image.

    Better luck next time, WPyogi! :p 7 seconds.

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try looking at the margins on .entry class.

  11. fashionbeautyetc
    Member
    Posted 1 year ago #

    That worked a treat thankyou so much. And thanks for such a quick reply :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.