OpenCart Community

Is there anyway to remove or reduce the amount of white space between the price and the add to cart button on list/grid view as well as on the featured products on the home page?
My client is running a product catalogue with an extension that removes prices for any products with a zero pricing so it makes the white space even more dramatic.
You can see the white space on the original basic demo site.
Thanks

Could you provide your site URL and take a screenshot this problem so we can take a look at it closer?

I had to create a new account as I couldn't reply. Attached is a screenshot of the white space I was talking about. Would love to know if there is a way to minimize it. Haven't found a solution yet.

hi
here for default theme to set the height of the box you may open the stylesheet.css file and goto line 571 and may change min-height property to set the size of the box as per your need. I am also attaching the screen shot from my desktop to explain it better.

Ah thankyou so much! That worked a treat. Much appreciated!

sarthakinfotech wrote: ↑

Sun Jun 11, 2017 10:21 pm

hi
here for default theme to set the height of the box you may open the stylesheet.css file and goto line 571 and may change min-height property to set the size of the box as per your need. I am also attaching the screen shot from my desktop to explain it better.

i tried but nothing changed i dont know which file to edit in step 2 version 2.3.0.2

Hi,

We're trying to redcue the space on line 571 on the CSS, we update the CSS and nothing happens.

Anyone know the problem?

Hate clearing the browser cache

Thanks in adanvce,
Gobbo

Hi,

Where in the CSS is the Add To Cart button margin?

As we need to move to closer to the price and futher away from the bottom product, please see image.

Thanks in advance

It was on line 561 and it worked.

But how do we increase the gap bettween the Add to Cart button and the picture of the product below?

The gap was incresed by changing:

/* product list */
.product-thumb {
border: 0px solid #ddd;
margin-bottom: 0px;
overflow: auto;

To:

/* product list */
.product-thumb {
border: 0px solid #ddd;
margin-bottom: 50px;
overflow: auto;

sarthakinfotech wrote: ↑

Sun Jun 11, 2017 10:21 pm

hi
here for default theme to set the height of the box you may open the stylesheet.css file and goto line 571 and may change min-height property to set the size of the box as per your need. I am also attaching the screen shot from my desktop to explain it better. gb whatsapp pro

Where can I find the stylesheet.css file to set the height of the box? I would be very happy if you could let me know, thanks

Well, better read here on what it takes to eventually get a useful reply around here. But if you don't even know where the stylesheet.css file is located, you won't have much chances to get anywhere with Opencart.
No offense, good luck!
viewtopic.php?t=200480