Return to previous page

Empty space between product and title - by claudiocl

This topic has 6 replies, 3 voices, and was last updated 7 years, 2 months ago ago by Eva Kemp

claudiocl

Participant

February 17, 2017 at 21:27

Hi every one!

I asked this on the comments of xmarket themeforest section but they could not help me.

I get an empty space between product and title of the product, at the same time i get empty space below the title. How can i adjust this?

In order to make myself clear i present an image http://prntscr.com/ea2eyf

I have installed woocommerce but i will not use prices and “buy” button because the system will be used just for quotes / invoices.

Thanks in advance

Please, contact administrator
for this information.

#155130 Copied Theme version: 2.2.1 WooCommerce version: 2.6.14

5 Answers
Jack Richardson

Support staff

February 18, 2017 at 09:07
Hello,

The reason is your images are too small.
Please add this code in custom.css file:
```
.product-image .img-wrapper, .product-slider .product-image {
   height: 140px !important;
}
.product-information {
   height: 40px !important;
}
```
To create custom.css you need rename default.custom.css to custom.css in wp-content/themes/xmarket directory via FTP and enable it in Xmarket – Theme Settings, tick “Enable Custom CSS file”.

Best regards,
Jack Richardson.
#155145 Copied
claudiocl

Participant

February 19, 2017 at 07:47

Thanks that fixed the problem on hombe page but in the catalog still same problem

http://prntscr.com/ealeqh

What other code do i have to add in order to fix that in there as well.

On my page catalog is “esculturas”.

Thanks in advance

#155178 Copied
Eva Kemp

Support staff

February 20, 2017 at 11:50
Hello,

Please also use this css code:
```
#products-grid .product-image {
    height: 140px !important;
}
```
Regards,
Eva Kemp.
#155221 Copied
claudiocl

Participant

February 20, 2017 at 21:12
Hello Eva

Thanks for your pacient with me. Well we hace two different situations one on the shop and the other on the home page.

First

The last code did not work http://www.esculturasenmadera.com/shop/ there is a empty space between image and title still.

Second

The first code you gave me the other day as you can see on home page http://www.esculturasenmadera.com/ fixed the empty space between image and title, but now there is a new empty space below the title.

My custom look like this now:
```
.product-image .img-wrapper, .product-slider .product-image {
   height: 140px !important;
}
.product-information {
   height: 40px !important;
}

#products-grid .product-image {
    height: 140px !important;
}
```
Thanks in advace.

Claudio
#155311 Copied
Eva Kemp

Support staff

February 22, 2017 at 10:23
Hello,

I don’t see empty space on Shop page http://storage9.static.itmages.com/i/17/0222/h_1487755231_9199731_8cf341063c.jpeg

As for empty space on home page, please use this css code:
```
.home .product-slider {
  height: 250px;
}
```
Regards,
Eva Kemp.
#155442 Copied
Viewing 6 results - 1 through 6 (of 6 total)