Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Border around Products – WordPress Woocommerce

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #210221
    mo_da92
    Participant

    Hi all,

    This is how the page currently looks: http://www.gadjetsupply.com/product-category/audio-accessories/

    Is it possible to put a small border around all of these product images?

    Thanks a lot guys!

    D

    #210222
    Paulie_D
    Member

    The image alone…sure

    
    .et_shop_image,
     .et_portfolio_image {
        position: relative;
        display: block;
        border: 1px solid red; /* or whatever */
    }
    
    #210235
    mo_da92
    Participant

    Thanks Paulie. I tried your code but for some reason nothing comes up and it still shows no border

    #210236
    Paulie_D
    Member

    Works on the live site in Developer Tools.

    #210246
    Shikkediel
    Participant

    Server cache refresh maybe?

    #210583
    mo_da92
    Participant

    Thank you for your replies, how do I do a server cache refresh please?

    I tried a few different things but none seem to be working!

    #234773
    mo_da92
    Participant

    What Paulie suggested works! I also did a server cache refresh and it worked perfectly.

    Is there also a way to change it in the Shop page?

    http://www.gadjetsupply.com/shop/

    The code you gave Paulie worked perfectly in the product pages, but in the shop page it still seems the same!

    Thanks a lot!

    #234774
    Shikkediel
    Participant

    You could add the same to line 2705 of style.css :

    .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    
    #275040
    nickho
    Participant

    More complex CSS – Is it possible to do this in CSS in WooCommerce?

    To have a X – Y axis as a frame around the photo

    https://www.screencast.com/t/TQG6EvfjOpvu

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.