| 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 |
|
spacing issue on products page
