Forums / Templates, Stylesheets, Page Layout / Remove Space btwn Product Name & Price

Remove Space btwn Product Name & Price

Views: 2,641

Results 1 to 11 of 11
9 Feb 2010, 12:51 AM
#1
turtledove avatar

turtledove

Zen Follower

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

Remove Space btwn Product Name & Price

http://www.pawglamour.com/index.php?main_page=index&cPath=6

In the Product Listing page, how do I remove that space between the product name and product price so that the price is directly underneath the product name?

9 Feb 2010, 10:45 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove Space btwn Product Name & Price

The price doesn't have it's own class, but you can kludge it by adding the red part to this:

.itemTitle {
font-size: 10px;
margin-bottom:-20px;

Note that's a negative 20px.
}

9 Feb 2010, 8:52 PM
#3
turtledove avatar

turtledove

Zen Follower

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

Re: Remove Space btwn Product Name & Price

Thank you! :D

7 Mar 2011, 7:23 PM
#4
10alliance avatar

10alliance

New Zenner

Join Date:
Feb 2011
Posts:
3
Plugin Contributions:
0

Re: Remove Space btwn Product Name & Price

Which file do you make the edit?

8 Mar 2011, 10:22 AM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove Space btwn Product Name & Price

Any time you see a code suggestion that's in the format:

.itemTitle {
font-size: 10px;
margin-bottom:-20px;
}

it's CSS, which would be made in one of your stylesheets. If it's a fairly stock Zencart site. it would be stylesheet.css.

8 Mar 2011, 5:55 PM
#6
yenmax avatar

yenmax

New Zenner

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

Re: Remove Space btwn Product Name & Price

Hi,

I can not find my stylesheet.css. for the following

.itemTitle {
font-size: 10px;
}

I am using version 1.3.7. Please tell me where I can find it

8 Mar 2011, 6:09 PM
#7
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove Space btwn Product Name & Price

If it isn't there, you can just add it. I usually add stuff to the bottom of the stylesheet.

You should also seriously consider upgrading your site. That version is a lot less secure than the latest, 1.3.9h.

21 May 2014, 10:01 PM
#9
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Remove Space btwn Product Name & Price

Sorry, I don't see a lot of space between the price and description on the page you referenced.

22 May 2014, 6:59 AM
#10
marta_van_eck avatar

marta_van_eck

New Zenner

Join Date:
Jan 2014
Location:
Essen
Posts:
25
Plugin Contributions:
0

Re: Remove Space btwn Product Name & Price

In the meantime I find on the other thread this solution: paste this to your stylesheet

#productListing br+br {
display: none;
it seems to work. Thank you! my problem now is i remove More info from the product listing . But I also do not see more info in product description. Can I have it back? I
did what they wrote here:
https://www.zen-cart.com/showthread.php?87638-Remove-buy-now-button-more-info-and-max-1

I wanted to remove More Info that shows instead of Buy Now. But now also more info in product description is now showing. Is there is a way to have it back?

22 May 2014, 6:28 PM
#11
marta_van_eck avatar

marta_van_eck

New Zenner

Join Date:
Jan 2014
Location:
Essen
Posts:
25
Plugin Contributions:
0

Re: Remove Space btwn Product Name & Price

What I mean is where 150 description ends should be "...more info" and linking to the product. Now it ends with "..." and I can not open the products clicking on it. Is there is a way to add "...more info" only in product description and do not have it instead of buy now button?
http://www.polish-your-art.com/boutique/index.php?main_page=index&cPath=9_12