• Resolved jboetger

    (@jboetger)


    My client would like to have a black box around each of the products on his product page. What code can I use to accomplish this?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Saif

    (@babylon1999)

    Hello @jboetger,

    Thank you for reaching out!

    My client would like to have a black box around each of the products on his product page. What code can I use to accomplish this?

    Do you mean something like this?


    Link to image: https://d.pr/i/M1Xche

    You can achieve it with the following CSS snippet:

    /* Add black border to products   */
    
    .archive .product {
      border: 1px solid black;
    }

    Hope this helps!

    Thread Starter jboetger

    (@jboetger)

    I added it to the custom css, but it is not showing up.

    Plugin Support Shameem – a11n

    (@shameemreza)

    Hi @jboetger

    Here’s the revised CSS code you need to use:

     .site-main ul.products.columns-4 li.product {
        border: 1px solid black !important;
      }

    If you’ve added the above CSS and you’re still not seeing the changes, I recommend clearing your browser cache.

    I hope this helps! Please let us know how it goes or if you need further assistance.

    Thread Starter jboetger

    (@jboetger)

    Hasn’t worked yet, but I will keep trying.

    Hey, @jboetger!

    I checked your website and I can see the black border.

    Here’s a screenshot:

    Are you still not able to see it on your end?

    Have you cleared the browser’s cache?

    Can you check on a different device (even better if it is on a different internet connection) to see if the issue persists?

    Looking forward to your reply.

    Have a wonderful day!

    Hey there 👋,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if you need any further help with this.

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Black Box’ is closed to new replies.