Post by michellemaree » Sun Apr 09, 2017 7:40 pm

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

Newbie

Posts

Joined
Mon Mar 06, 2017 2:21 pm

Post by viethemes » Mon Apr 10, 2017 6:16 pm

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

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by michellemaree2 » Sun Jun 11, 2017 9:00 pm

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.
Image


Posts

Joined
Sun Jun 11, 2017 8:29 pm

Post by sarthakinfotech » 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.
Image

Attachments

Capture.jpg

min-height set guideline from sarthakinfotech - Capture.jpg (354.36 KiB) Viewed 10152 times


Good Day,
Jagruti
opencart tips and tricks ,
opencart blogs , opencart extensions/themes , custom development.


User avatar
Active Member

Posts

Joined
Tue Aug 05, 2014 1:12 am
Location - india

Post by michellemaree2 » Mon Jun 12, 2017 5:44 am

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


Posts

Joined
Sun Jun 11, 2017 8:29 pm

Post by mohamed.megahed » Thu Jul 13, 2017 10:55 pm

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.
Image
i tried but nothing changed i dont know which file to edit in step 2 version 2.3.0.2

New member

Posts

Joined
Wed May 17, 2017 10:39 pm

Post by Gobbo » Fri Aug 05, 2022 4:44 pm

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

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by Gobbo » Wed Feb 01, 2023 6:34 pm

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

Attachments

AddToCart.JPG

AddToCart.JPG (17.6 KiB) Viewed 4302 times


Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by Gobbo » Wed Feb 01, 2023 6:50 pm

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?

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by Gobbo » Wed Feb 01, 2023 9:30 pm

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;

Using opencart 3.0.3.2 - PHP 7.4 - Standard Template - Add to Cart Enable Disable Out of Stock Product 3.x - Export/Import Tool (V3.22) for OpenCart 3.x - Footer Social Media Link( 3.x ) v1.0


Active Member

Posts

Joined
Tue Jun 22, 2010 12:38 am

Post by kamini04 » Sun Nov 26, 2023 3:38 pm

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
Image
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

Newbie

Posts

Joined
Mon Jul 03, 2023 4:11 pm

Post by IP_CAM » Sun Nov 26, 2023 6:16 pm

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! :D
viewtopic.php?t=200480

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Who is online

Users browsing this forum: No registered users and 24 guests