Navigation
Archive / How to increase the space between a product image and product name
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 24, 2016 at 10:06 pm #851870
    mmrobenvato
    Participant

    Hi

    I’d like to add a gap to the right side of the images on my product pages so that the product name isn’t right up against the pic as in this example…

    Thanks!!

    Mary

    March 24, 2016 at 10:47 pm #851912
    Prasant Rai
    Moderator

    Hello Mary,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    March 24, 2016 at 10:54 pm #851919
    mmrobenvato
    Participant

    Thanks!

    Here it is…
    http://thepathofdzar.com/product-category/workshops/

    March 24, 2016 at 11:41 pm #851967
    Zeshan
    Member

    Hi Mary,

    Thanks for the URL!

    To add the gap in between product image and title, add following CSS under Custom > CSS in the Customizer:

    .woocommerce li.product .entry-featured {
  margin-right: 20px;
}

    Thank you!

    March 25, 2016 at 12:21 am #852000
    mmrobenvato
    Participant

    It worked…fabulous…thank you for such a speedy response!

    🙂

    Mary

    March 25, 2016 at 12:36 am #852013
    Zeshan
    Member

    You’re most welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-851870 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>