Add css border around products - by bedult1

This topic has 6 replies, 4 voices, and was last updated 10 years, 8 months ago ago by Eva Kemp

  • Avatar: bedult1
    bedult1
    Participant
    April 7, 2015 at 03:28

    Can you tell me what css I need to add to add a border around the product images?

    Thanks,

    Mike

    5 Answers
    Avatar: stan
    Stan Russell
    Participant
    April 7, 2015 at 07:31

    Hello,

    please show us on screenshot what result do you want to achieve and we will try to help you.

    Regards,
    Stan Russell.

    Avatar: bedult1
    bedult1
    Participant
    April 7, 2015 at 14:34

    I just wanted a 1px border around each product on the shop page. The border doesn’t have to exist on the single product page if that makes it easier. Or, can you tell me the css to change the background colour from white to a light grey?

    I was using this css but its creating a border around the logo as well, which I don’t want to see. I just want the border to be around the product images.

    body.woocommerce img { border: 1px solid grey; }

    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 7, 2015 at 14:38

    Please add this code into the custom.css:
    .product-content-image { border: 1px solid grey; }

    With best reagrds
    Brian Johnson

    Avatar: bedult1
    bedult1
    Participant
    April 7, 2015 at 14:41

    that worked like a charm. Thank you so much.

    Avatar: Eva
    Eva Kemp
    Participant
    April 7, 2015 at 14:51

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘add css border around products’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.