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
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
adb2cf8c-15ed-4d7a-a406-790658a81a6c | 03 Dec 2019 |