Help with blank space

General ShopSite user discussion

Help with blank space

Postby cheapassmcparts » Thu Jul 03, 2014 11:53 am

I've searched and searched and cannot find the solution to this problem. I have a feeling it has to be something ridiculously simple. I cannot seem to get rid of this blank space in between the product picture and the rest of the text.

See this page for an example:

http://cheapassmotorcycleparts.com/page11.html

Note how there is a huge gap between the item image and the rest of the description. My guess is that it has something to do with image sizing.
cheapassmcparts
 
Posts: 1
Joined: Thu Jun 26, 2014 12:39 pm

Re: Help with blank space

Postby Jim » Thu Jul 03, 2014 12:32 pm

http://cheapassmotorcycleparts.com/publish/3Column-Basics.css
has the pr_img style defined with a min-height of 150 px. So that is where most of the extra space is coming from.

.pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {
min-height: 150px;
}

Go to Merchandising > Custom Templates > Includes and in the Publish section use the Copy ShopSite template button and select the template 3Column-Basics.css and make a copy of it giving it the name 3Column-Basics.css1. Then edit that template and change the pr_img style so it has a smaller size, say 75 px. then save the edited file and use the Copy Template button to make a copy of the template you just edited and give it the name 3Column-Basics.css. Then publish your store and see if that fixes the problem.

So the new style would look like this
.pr a.pr_img, .gc_pr_hm a.pr_img, .pc_pr a.pr_img {
min-height: 75px;
}
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah


Return to User Forum

Who is online

Users browsing this forum: Bing [Bot] and 139 guests