Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?


Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site

 All Forums
 General
 CSS and Responsive Designs
 spacing issue on products page
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

Steved
Ecommerce Template Expert

United Kingdom
857 Posts

Posted - 10/31/2020 :  14:03:10  
Hi,

I've just upgraded one of my sites to 7.2.4 and the spacing on the products page between the product name and price has become much larger:

bornpeaceful (dot)com/products/hygge

I can't work out what's causing this in the css - any help appreciated.

Thanks,

Steve

quadrant
Ecommerce Template Expert

United Kingdom
996 Posts

Posted - 10/31/2020 :  15:35:09  
Hi Steve,

The spacing between the product name and price in the link you provided looks OK to me.

Could it be your cache needs clearing?

Regards,
David

Steved
Ecommerce Template Expert

United Kingdom
857 Posts

Posted - 10/31/2020 :  15:39:01  
Hi David,

If I did want to tighten it up, any idea what css would do that?

Steve

quadrant
Ecommerce Template Expert

United Kingdom
996 Posts

Posted - 11/01/2020 :  00:02:16  
Hi Steve,

Well you could remove the 4px bottom margin on the product name with:

div.prodname {
margin: 4px 0 0;
}

and you could go even further by hiding the <br> that's in between the name and price with:

.product br {
display: none;
}

If you are using <br> within the .product div such as in a product description then try:

.product .prodname + br {
display: none;
}

which should just target the <br> after the prodname leaving your others alone.

But I would be careful because Google may complain that your clickable links are too close in your search console.

Regards,

David

Steved
Ecommerce Template Expert

United Kingdom
857 Posts

Posted - 11/01/2020 :  01:17:53  
Hi David,

I suspect you are probably right about clickable elements.
I think I may just increase the size of the container to make the layout look more balanced and live with the spacing.

Thanks for your help,

Steve
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2020 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000