Forums / Templates, Stylesheets, Page Layout / Featured Products Box - Adding Space in between products

Featured Products Box - Adding Space in between products

Views: 1,441

Results 1 to 11 of 11
19 Sep 2012, 6:48 AM
#1
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Featured Products Box - Adding Space in between products

I'm having trouble locating the CSS code I need to edit to add more space in between my products. If you look at my main page: http://www.soullow.com The products are way to close. This started after I increased the small image sizes.

I'm also having the same kind of problems on my All Products page: http://soullow.com/store/index.php?main_page=products_all

Any help would be greatly appreciated.

Thanks in advance!

19 Sep 2012, 8:24 AM
#2
fjtv avatar

fjtv

New Zenner

Join Date:
May 2011
Posts:
17
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

Your css file is located at /includes/templates/theme488/css/stylesheet.css

19 Sep 2012, 3:20 PM
#3
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

I know but I looked thru the style sheet and could not find which lines to change. Do you know what I mean?

26 Sep 2012, 7:36 AM
#4
fjtv avatar

fjtv

New Zenner

Join Date:
May 2011
Posts:
17
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

You can try to edit the .centerColumn {} in stylesheet_main.css

26 Sep 2012, 7:19 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Featured Products Box - Adding Space in between products

Looking for lines in the stylesheet to change is the wrong approach.
Look at the HTML output, either the "view source" or using a tool like Firefox Web Developer or Firebug, and find the classes, ids or other elements that control the styling. Test changes using those tools (you can add new rules as well as modifying existing ones) and when you find what works, add the changes to the stylesheet.

Many CSS ids and classes exist in the code but are not mentioned in the stylesheet; they are there for convenient use if someone needs them.

28 Sep 2012, 10:59 PM
#6
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

I've tried using firebug and that approach has not been very helpful so far....

28 Sep 2012, 11:26 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Featured Products Box - Adding Space in between products

Looking at your site, it appears you want a single-column layout without sideboxes.
You need to turn off the left and right sidebars as well as the sideboxes to give the center the space it needs.
Admin > Configuration > Layout Settings > Column Left/Right Status - Global.

29 Sep 2012, 2:45 AM
#8
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

You are a LIFE SAVER!!!!

THANK YOU!!!!

29 Sep 2012, 2:46 AM
#9
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

gjh42:

looking at your site, it appears you want a single-column layout without sideboxes.
You need to turn off the left and right sidebars as well as the sideboxes to give the center the space it needs.
Admin > configuration > layout settings > column left/right status - global.

the best solutions are always the simple ones!!!!!

29 Sep 2012, 3:24 AM
#10
g00glethis1 avatar

g00glethis1

New Zenner

Join Date:
Mar 2010
Posts:
29
Plugin Contributions:
0

Re: Featured Products Box - Adding Space in between products

Ok, I need help with one more thing:

I'm using Image Handler2, I go into Admin -> Config-> Images-> And I change the dimensions of IH large of height and width and it is not reflecting the changes. Is that a database error?

29 Sep 2012, 3:41 PM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Featured Products Box - Adding Space in between products

You might better ask this on the IH2 support thread so people familiar with it will see the question.