Please help... my images displayed in my product pages are shown in a column, and the images are all touching each other. How do I create a space between them?
Please help... my images displayed in my product pages are shown in a column, and the images are all touching each other. How do I create a space between them?
hello halabaloo
try adding some padding to the class centerBoxContentsProducts in your stylesheet...if you want space around the image only I think you would add
.centerBoxContentsProducts img { padding: #px}
hth
Thanks for the tip monkeymadness. Ended up finding the
a img {border: none;} line and added
padding: 1.5em;}
Ok i tried this as well but it also puts a padding around my logo image which doesnt look nice...
This will place padding around any and all images no matter where they are.Originally Posted by halabaloo
better to follow what Monkeymadness
This will only affect the padding on product images.try adding some padding to the class centerBoxContentsProducts in your stylesheet...if you want space around the image only I think you would add
.centerBoxContentsProducts img { padding: #px}
I thinkthis is what I'm looking for, but I can't for the life of me find that particular class in my stylesheet (/includes/templates/my_template/css/stylesheet.css)
Am I looking at the right one?
Sorry - I'm completely new to this
Here's the page I'm trying to fix, anyway, if that helps:
http://scrapfetish.com/Shoppe/index....=index&cPath=3
Thanks heaps in advance!
Drop this into your stylesheet, pretty pink seperator line included to match your color scheme;
Code:.productListing-data { padding: 0.5em; border-bottom: 1px solid #fac6d1; }
Weehee!! Thanks so much Sketchy! You're a star! I wish I'd asked earlier now![]()
This would have to be the most helpful forum - it's helped me so much... Thanks :)
Thanks very much and you're very welcome!![]()
Where is .centerBoxContentsProducts? I cannot find it in stylesheet.css either.