Return to previous page

Product - by ejder077 - on WordPress WooCommerce support

This topic has 12 replies, 2 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler

ejder077

Participant

April 18, 2020 at 11:46

Hi,

The “add to cart” button will go upward when the product name is shorter than the others (https://ibb.co/YTJCMNS), is there any way to prevent this situation? Like this is great: https://ibb.co/jRTzxXZ

Thank you

Please, contact administrator
for this information.

#233888 Copied Theme version: Child 6.2.11

11 Answers
Rose Tyler

Support staff

April 18, 2020 at 12:22
Hello,

Theme Options > WooCommerce (Shop) > Shop > Products style > set Product Title Chars Limit or use this custom CSS code
```
.content-product .product-title {
    min-height: 70px;
}
```
Regards
#233893 Copied
ejder077

Participant

April 18, 2020 at 13:45

Thank you. It is working.

I set min-height to 100px.

But there is a gap between the product name and brand, may I ask how to eliminate the gap?
https://ibb.co/7pxzJ18

Thank you

#233900 Copied

Rose Tyler

Support staff

April 18, 2020 at 13:50

Set 70px – http://prntscr.com/s1rqub or use “Product Title Chars Limit”, there is no other way.

Regards

#233901 Copied

ejder077

Participant

April 18, 2020 at 14:25

No matter I set it to 70 or 100px, the will be a gap when I decrease the size of the monitor
https://ibb.co/zFv9GnD

If I use “Product Title Chars Limit”, the product name will not be shown if I set it into 20. Then I try 25, the gap occurs again.

#233904 Copied
Rose Tyler

Support staff

April 18, 2020 at 14:31
Change this code http://prntscr.com/s1sbaf to
http://prntscr.com/s1sbkd or http://prntscr.com/s1sbpq
```
.content-product .product-title {
    min-height: 70px;
    display: flex;
    align-items: center;
}
```
Regards
#233906 Copied
ejder077

Participant

April 18, 2020 at 15:39

Hi,

There is still no change
https://ibb.co/MnmdJPm

#233916 Copied

Rose Tyler

Support staff

April 18, 2020 at 15:44

Hello,

I can see changes, without the custom code – http://prntscr.com/s1tcqx and now – http://prntscr.com/s1tcys

Regards

#233918 Copied

ejder077

Participant

April 18, 2020 at 16:21

If you decrease the monitor size to a certain size, the problem occurs again

#233924 Copied
Rose Tyler

Support staff

April 19, 2020 at 15:23
Try to add this code also
```
.content-product .product-title a,
.content-product .products-page-brands a, 
.content-product .price,
.content-product .product-details .button {
    font-size: 14px !important;
}
.content-product .product-image-wrapper {
    margin-bottom: 5px;
}
```
or change products per view value in settings of the element on your page.

Regards
#233950 Copied
ejder077

Participant

April 20, 2020 at 07:25

Thank you. I think it is great now

#233984 Copied

Rose Tyler

Support staff

April 20, 2020 at 21:15

You’re welcome!

Regards

#234010 Copied
Viewing 12 results - 1 through 12 (of 12 total)