Jump to content


Photo
- - - - -

Padding - Woocommerce plugin


Best Answer keithmagvacom , 27 May 2013 - 06:32 PM

EUREKA - This sort the issue out.

 
.woocommerce div.thumbnails a { margin-bottom: 3.8%; }
Go to the full post


  • Please log in to reply
9 replies to this topic

#1 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 03:00 PM

Hi Folks

 

This is probably a woocommerce problem but maybe some one can point me in the correct direction. 

 

I have product listed here

Please Login or Register to see this Hidden Content

 

as you can see there are five pictures, the main one and 4 smaller ones that appear in the lightbox. The last of the smaller ones is pushed right up against the bottom of the first. I'd like to add some padding but can't seem to track down what I need to change in the developer environment. 

 

Has anyone ever come across this before, or can point me in the right direction.

 

Thanks

 



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 27 May 2013 - 03:06 PM

You could try adding padding to the bottom of the images to get this effect

Please Login or Register to see this Hidden Content



#3 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 03:15 PM

That's what I though I could do, but when I inspect the image and look at the CSS, the padding form the bottom is faded out and can't be selected (I'm using Safari). I must be looking in the wrong place! It seems you managed to select the correct element. 



#4 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 03:36 PM

Just tried this in the custom CSS, no joy

Please Login or Register to see this Hidden Content



#5 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 27 May 2013 - 03:55 PM

try using this one instead. 

Please Login or Register to see this Hidden Content



#6 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 04:00 PM

Thanks Martin, that has partially sorted it. Have a look at the page again. There is a border appearing also that I need to remove. Tried this addition but no luck.

Please Login or Register to see this Hidden Content

Also tried 0px; for the border).

Ideally I'd prefer not to be adding the padding to the main image also

#7 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 27 May 2013 - 04:15 PM

The code you are looking for lies somewhere in here 

Please Login or Register to see this Hidden Content


  • keithmagvacom likes this

#8 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 06:07 PM

Still can't get rid of the border at the bottom. Have the spacing as I want it. 

Please Login or Register to see this Hidden Content



#9 keithmagvacom

keithmagvacom

    Advocate

  • Members
  • 327 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 27 May 2013 - 06:32 PM   Best Answer

EUREKA - This sort the issue out.

Please Login or Register to see this Hidden Content



#10 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 27 May 2013 - 06:51 PM

Good to hear. :)