• Resolved mikhaela

    (@mikhaela)


    i have a shop menu where it lists products i want to sell, i’m using 2012 theme. for ordinary posts, i can see a border for my featured image. however, i don’t see this border for my products on shop menu. is there a way to put a border for every products set as featured image on my shop menu?

Viewing 6 replies - 1 through 6 (of 6 total)
  • That should be possible though adding a style.css rule for those types of images. Could you include a link to your shop menu page?

    Thread Starter mikhaela

    (@mikhaela)

    https://mikhaelasbeautyessentials.com/shop/

    Thanks for the link.

    To recreate that box shadow, insert the following code into the style.css file of your child theme, or if you are not using a child theme then use a custom code plugin such as simple custom css to add the code (don’t forget to backup files before making any changes):

    .woocommerce ul.products li.product a img {
        border-radius: 3px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
    }

    For future reference, you can use the Firebug browser extension to help identity the selector (name) of the element you want to adjust.

    Thread Starter mikhaela

    (@mikhaela)

    installed simple custom css, added the code and it worked! thanks so much @barnez

    That’s great news. Best wishes with your site development!

    Thread Starter mikhaela

    (@mikhaela)

    thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘add border to featured image’ is closed to new replies.