Woocommerce gallery has not spacing

  • lshr

    (@lshr)


    9 years, 2 months ago

    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)

    9 years, 2 months ago

    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.

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    9 years, 2 months ago

    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)

    9 years, 2 months ago

    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)

    9 years, 2 months ago

    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

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    9 years, 2 months ago

    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.