This topic has 9 replies, 3 voices, and was last updated 5 years, 3 months ago ago by Rose Tyler
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
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
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.
Hello,
We can’t tell you why it does not work for you without Dashboard access. Provide access to check.
Regards
I attach the username and password in the private content area.
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
I attach the username and password in the private content area.
Thank you! That seems to work fine!
You’re welcome!
Have a nice day.
Regards
You must be logged in to reply to this topic.Log in/Sign up