Return to previous page

How to align "read more" and "add to chart" ?

This topic has 6 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Olga Barlow

yohantosadu

Participant

August 13, 2018 at 11:25

how to align “read more” and “add to chart” ?
the previous css has been created so that the add to chart aligns with other add to charts, but the add to char and read more are not aligned.

http://prntscr.com/khzeib

Please, contact administrator
for this information.

#197980 Copied

5 Answers
Olga Barlow

Support staff

August 13, 2018 at 14:53
Hello,

I have removed your custom and added the other one:
```
.products-grid .product-title {
    line-height: 2.5ex;
    min-height: 5ex;
}
```
The different position of the add to cart button depends on title height, so we added min-height for the product title.

Regards
#198004 Copied
yohantosadu

Participant

August 14, 2018 at 04:16

okay, thank you before, oh ya i have another question,
https://kinghardware.co.id/product-category/alat-kasar/mata-gergaji-aluminium/

if only 1 product in categori (any category), the display is not good like picure below:

http://prntscr.com/kiay4i

#198028 Copied
Olga Barlow

Support staff

August 14, 2018 at 09:21
Hello,

Problem caused by your custom styles, remove it
```
.products-loop.products-grid {
    display:  -webkit-box;
    display:  -webkit-flex;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    float:left;
}
```
https://gyazo.com/04dedcb5534437fcd8382e0a91bc7b16

Regards
#198034 Copied
yohantosadu

Participant

August 14, 2018 at 11:52

oke thank you very much, done

#198050 Copied

Olga Barlow

Support staff

August 14, 2018 at 16:44

You are welcome!

Regards

#198069 Copied
Viewing 6 results - 1 through 6 (of 6 total)