Add white space between thumbnails

  • Resolved theia777

    (@theia777)


    11 months, 2 weeks ago

    I need help with to add white space between the thumbnails on my page that I have provided in this post. Currently they are butting up next to each other in the row. I would like to have some spacing in between the images. The page is a standard page with a simple short code to display the items.

    [product_category category=”JLG General” per_page=”200″ columns=”4″ orderby=”date” order=”desc”]

    Is it done in the short code or the CSS? I’ve tried a bunch of different solutions and nothing has worked. Thanks in advance for any help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mirko P.

    (@rainfallnixfig)

    Hi @theia777

    I need help with to add white space between the thumbnails

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:?

    .page-id-4374 ul.products li.product a {
padding: 5px;
}

    ?If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Hope this helps!

    Thread Starter theia777

    (@theia777)

    It worked perfectly, thank you very much for your help Mirko!

    Hi @theia777

    You are most welcome and we’re glad that worked! ??

    Meanwhile, if you have a moment to spare, we would love it if you could share your thoughts with us by leaving a review or feedback. Your experience and feedback are important to help us improve and ensure we’re always providing the best possible support.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add white space between thumbnails’ is closed to new replies.