padding images product in shop element

Comments

• Phil

  December 15

  Hi,

  Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eladarale

  December 15

  https://araleart.com/

  
  
• Phil

  December 15

  Products in the shop element have a pre-defined margin, which you can overwrite using the following CSS code:

  .woocommerce ul.products li.product{
   margin: 0px!important;
   width: 25%!important;
  }
  

  Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eladarale

  December 15

  Thank you Phil,

  Please i would prefer to be able to control this in the theme element is it possible?

  Thank you
• eladarale

  December 15

  Hello Phil,

  I added this css and it breaks the lines and does not allow you to insert a space. any number i added it breaks the lines

  Please how can it be fixed?

  

  
  

  Thank you
• eladarale

  December 15

  As well for the mobile responsive it doesn't look good!

  Please

  

  
  
• Phil

  11:01AM

  We are currently working on the shop element, and there will be some changes in it, so in the near future, it will be possible.

  Now, as an alternative, you can use the Query Loop:

  https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• eladarale

  11:44AM

  Padding on shop element, I think you need to be very friendly and easy to approach and edit.

  Thank you