Home Community Forum Plugins

Documentation

For Developers For Storeowners

Services Donate Get Started

Forums / Templates, Stylesheets, Page Layout / creating space between images

creating space between images

Locked

Results 1 to 11 of 11

This thread is locked. New replies are disabled.

23 Jun 2006, 09:40

halabaloo

New Zenner

Join Date:: Jun 2006
Posts:: 11
Plugin Contributions:: 0

creating space between images

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?

23 Jun 2006, 09:50

monkeymadness

Zen Follower

Join Date:: Feb 2006
Posts:: 270
Plugin Contributions:: 0

Re: creating space between images

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

25 Jun 2006, 03:28

halabaloo

New Zenner

Join Date:: Jun 2006
Posts:: 11
Plugin Contributions:: 0

Re: creating space between images

Thanks for the tip monkeymadness. Ended up finding the
a img {border: none;} line and added

padding: 1.5em;}

25 Jun 2006, 03:55

mobsta

New Zenner

Join Date:: May 2006
Posts:: 60
Plugin Contributions:: 0

Re: creating space between images

Ok i tried this as well but it also puts a padding around my logo image which doesnt look nice...

25 Jun 2006, 06:23

clydejones

Deceased

Join Date:: Nov 2005
Posts:: 7,017
Plugin Contributions:: 12

Re: creating space between images

halabaloo:
Thanks for the tip monkeymadness. Ended up finding the
a img {border: none;} line and added

padding: 1.5em;}

This will place padding around any and all images no matter where they are.

better to follow what Monkeymadness

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}

This will only affect the padding on product images.

08 Sep 2006, 14:41

foxyhuahua

New Zenner

Join Date:: Sep 2006
Posts:: 7
Plugin Contributions:: 0

Re: creating space between images

I think[U][/U]this 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 :D

Here's the page I'm trying to fix, anyway, if that helps:
http://scrapfetish.com/Shoppe/index.php?main_page=index&cPath=3

Thanks heaps in advance!

08 Sep 2006, 14:50

sketchy

Totally Zenned

Join Date:: Aug 2006
Posts:: 940
Plugin Contributions:: 2

Re: creating space between images

Drop this into your stylesheet, pretty pink seperator line included to match your color scheme;

.productListing-data {
             padding: 0.5em;
             border-bottom: 1px solid #fac6d1;
             }

08 Sep 2006, 15:00

foxyhuahua

New Zenner

Join Date:: Sep 2006
Posts:: 7
Plugin Contributions:: 0

Re: creating space between images

Weehee!! Thanks so much Sketchy! You're a star! I wish I'd asked earlier now :D

This would have to be the most helpful forum - it's helped me so much... Thanks :)

08 Sep 2006, 15:01

sketchy

Totally Zenned