Return to previous page

8Theme Equal Height on Products and 1 product column view on mobile

This topic has 9 replies, 3 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

alejandro52

Participant

June 11, 2019 at 11:06

Hello! In 8Theme widget product, I want to set the heights of the products to be equal because when i add a longer name the height changes.
I also want to view 1 product per row on mobile

#215376 Copied Theme version: 5.1.6.1 WooCommerce version: 3.6.4

8 Answers
Olga Barlow

Support staff

June 11, 2019 at 15:09
Hello,

Add the following code to Theme Options > Custom CSS to implement changes:
```
/* ===== To make products 100% width for the mobile ===== */
@media only screen and (max-width: 480px){
    .products-grid .product {
        width: 100%;
    }
}
/* ===== To limit title height ===== */
.product_list_widget li .product-title a {
    height: 5ex;
    line-height: 2.5ex;
    overflow: hidden;
}
```
Regards
#215384 Copied
alejandro52

Participant

June 11, 2019 at 15:52

Thank you!! That css works perfect when i try it to chrome inspector.But now that I’ve added it to the Custom Css Page, the changes doesn’t appear. I tried to mark them as important but stll nothing changes.

#215390 Copied

Olga Barlow

Support staff

June 11, 2019 at 16:22

Hello,

We can’t tell you why it does not work for you without Dashboard access. Provide access to check.

Regards

#215391 Copied

alejandro52

Participant

June 18, 2019 at 23:05

I attach the username and password in the private content area.

Please contact administrator
for this information.

#215801 Copied
Rose Tyler

Support staff

June 20, 2019 at 07:17
Hello,

Sorry for the delay in answering.
Please change this code https://prnt.sc/o47hbn to:
```
.product_list_widget li .product-title a,
.products-grid .product-title a,
.products-slider .product-title a {
    height: 5ex;
    line-height: 2.5ex;
    overflow: hidden;
}
```
Regards
#215857 Copied
alejandro52

Participant

June 20, 2019 at 09:37

I attach the username and password in the private content area.

Please contact administrator
for this information.

#215871 Copied

alejandro52

Participant

June 20, 2019 at 09:48

Thank you! That seems to work fine!

#215873 Copied

Rose Tyler

Support staff

June 20, 2019 at 09:53

You’re welcome!
Have a nice day.

Regards

#215875 Copied
Viewing 9 results - 1 through 9 (of 9 total)