[Resolved] Related Products Issue

Home Forums Support Related Products Issue

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1318857
    Ash

    Hi,

    I’m using this code for product box shadow on category pages

    .woocommerce ul.products li.product {
    border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
    border-radius: 5px;
    padding: 10px;
    }

    But it’s causing an issue with related products on mobile. This is also causing overflow on product pages.

    Any ideas?

    #1318971
    David
    Staff
    Customer Support

    Hi there,

    in your CSS add the box-sizing: border-box; property.
    This will stop the elements width from expanding due to the 10px padding.

    #1318987
    Ash

    Argh of course, thanks David!

    #1319006
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.