Margin between thumbnails

  • Resolved Maracas1970

    (@maracas1970)


    10 years, 2 months ago

    Hi. I like the way the thumbnails are collected together in tiles on the grid. But I would like to be able to have a margin between the thumbnails as the images I am using dont look great when they are all bunched up close together. I just need around 4px around each of the thumbnails without breaking the grid.

    Please advise..

    Kind regards

    Marcus

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Marcus, something like this is very rough but you could try it and make adjustments as needed:

    .blog .entry-thumbnail, .search .entry-thumbnail, .archive .entry-thumbnail {
  padding: 4px;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Thread Starter Maracas1970

    (@maracas1970)

    Brilliant. Thanks Kathryn, that has done the trick nicely.

    Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Margin between thumbnails’ is closed to new replies.