Woocommerce gallery has not spacing

  • Great theme. Really.

    1. I have five images in a Woocommerce gallery for each product that are laid out two, two and one, with no spacing between them on the sides or top/bottom. They are just all pushed together.

    How do I put them on one line and add spacing?

    2. I am using two rows of horizontal navigation. Primary and Secondary. The secondary navigation is left aligned.

    How do I right align it. I have used my Web inspector and installed the Simple Custom CSS plugin, but I cannot even work out which CSS to edit.

    Great theme!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter lshr

    (@lshr)

    My fault. I found the Menu formatting in Theme –> Options. Easy fix.

    But I still haven’t been able to work out the Woocommerce gallery spacing. Any points on that would be appreciated.

    Again. Great theme.

    Hey,
    In the latest update we’ve added in some gallery spacing. It’s not out yet though so if you just want to add this in your theme options > advanced settings. 

    .product_thumbnails img {
margin: 0 3px;
}

    Kadence Themes

    Thread Starter lshr

    (@lshr)

    Great support. Thanks.

    I have five images in the gallery. They are stacking two, two and one vertically. What is the CSS to put them in a single horizontal row? I’m trying, but can’t get it.

    hannah

    (@hannahritner)

    Hey, not sure on the exact numbers without a link, but try adding something like this to your css box:

    @media (min-width: 900px) {
div.product .product_thumbnails {
margin-right: -120px;
}
}

    Hope that helps!
    Hannah

    div.product .product_thumbnails > a {
display:block;
float:left;
width: 20%;
}

    that css should do it. If not posting a link would really help.

    Kadence Themes

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Woocommerce gallery has not spacing’ is closed to new replies.