Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing layout, making product images more tight nit.

Changing layout, making product images more tight nit.

Locked

Views: 2,232

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
2 Apr 2009, 4:16 PM
#1
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Changing layout, making product images more tight nit.

Hello, i have a small problem, my images have large gaps of space between the edges and the text.

Is there a setting in admin for this, or will i have to manually adjust this through css.
I have a custom template , but does anyone have any ideas of tags that i can look up in my CSS sheets to get an idea of where these settings are located?
Im not great with manual coding
Thank you
p.s my site https://www.platinumhardware.co.uk

2 Apr 2009, 5:37 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

spikeycactus:

Hello, i have a small problem, my images have large gaps of space between the edges and the text.

Is there a setting in admin for this, or will i have to manually adjust this through css.
I have a custom template , but does anyone have any ideas of tags that i can look up in my CSS sheets to get an idea of where these settings are located?
Im not great with manual coding
Thank you
p.s my site www.platinumhardware.co.uk

Sp,
Locate this:
includes/templates/theme005/css/stylesheet.css

Find this:
.main_cell_c1

  1. see if you play with the padding if this is not the fix
2 Apr 2009, 6:31 PM
#3
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

thanks

.main_cell_h_l { background:#B3B4B6; height:3px;}

.main_cell_c1 { width: auto; padding: 9px 42px 12px 34px;}
.main_cell_c2 { width:216px;}
.main_cell_c2_margin { margin: 5px 30px 10px 0px;}

.price_block { width:180px; }
.price_block .c1 { width:106px; padding-top:4px;}
.price_block .c2 { width:auto;}
.price_text { font-size:12px; color:#EA4E00; font-weight:bold;}

.categor_text { color:#32434A;}
.categor_text a, .categor_text font { color:#EA4E00; font-weight:normal;}
.categor_text a:hover { color:#32434A; font-weight:bold;}

.prod_main_cell_margin { margin-right:25px; margin-top:7px;}

.prod_link { color:#3A4750; text-decoration:none; background:url(../images/bul.gif) no-repeat left; padding-left:8px;}
.prod_link:hover { text-decoration:underline;}

.prod_margin { margin: 13px 30px 9px 34px;}

.product1_c1 { width:63px;}
.product1_c2 { width:56px;}
.product1_c3 { width: auto;}

i have changed .main_cell_c1 { width: auto; padding: 9px 42px 12px 34px;}
to
.main_cell_c1 { width: auto; padding: 9px 12px 12px 14px;}
but i have noticed no difference

2 Apr 2009, 7:05 PM
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

.main_cell_c1 {stylesheet.css (line 690)
clear:both;
padding:9px 15px 12px 34px;
width:auto;
}

.main_cell_c2 {stylesheet.css (line 691)
width:250px;
}

use the value in red and see if that helps.

2 Apr 2009, 7:12 PM
#5
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

aah thx thast worked a treat

2 Apr 2009, 7:29 PM
#6
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

Thanks for all the help, is there any way of extending the text descriptions along to the edge of the box as well as the details button.
What tags would be invloved in this?
Thank You

2 Apr 2009, 7:42 PM
#7
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

for extending description

.main_cell_c2_margin {stylesheet.css (line 692)
margin:5px 30px 10px 0;
}

change to lower value like 5px

for the button
.price_block .c2 {stylesheet.css (line 696)
padding-left:120px;
width:auto;
}

2 Apr 2009, 8:10 PM
#8
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

thanks man, one final question to your infinite knoledge!
how would i increase the amount of lines show in the product description?
Thanks

2 Apr 2009, 8:20 PM
#9
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

Configuration > Product listing

Display Product Description

default set to 150 characters , but you can show more ..

2 Apr 2009, 9:05 PM
#10
spikeycactus avatar

spikeycactus

New Zenner

Join Date:
Sep 2008
Posts:
72
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

thx but unfortunately this has no affect.
The amount of characters hasnt reached the default of 150, so there is something else holding it back.
No matter how high i put it, it doesnt increase.
if i set it to 0 then nothing is displayed so the amount of characters is properly been capped somewhere.
Any ideas?
thanks

2 Apr 2009, 9:59 PM
#11
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Changing layout, making product images more tight nit.

method should work , as it dose work on classic template .

since this is custom template .. i assume they have altered core code to only show that amount of text so design wont get altered