Hello, I need to modify max-height: 80px in Blog Extended Grip element in one page, but including this specific CSS in the page it does not consider it and uses the original CSS.
I understand that, but how do I assign an id to the description to make it a higher priority? The CSS of the theme is assigned by classes, if I want to prioritize my rules I must assign them by ID, how? I don't see how to customize the Blog Extended Grid.
Hello,
I need to modify max-height: 80px in Blog Extended Grip element in one page, but including this specific CSS in the page it does not consider it and uses the original CSS.
.version-new.news-grid .portfolio-item .caption .description {
display: block;
max-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
margin: 18px 0 0 0;
}
Is there any way to incorporate this modification in the CSS to avoid cutting the description of the posts?
HI!
Use СSS code with a higher priority.
https://marksheet.io/css-priority.html
I understand that, but how do I assign an id to the description to make it a higher priority?
The CSS of the theme is assigned by classes, if I want to prioritize my rules I must assign them by ID, how? I don't see how to customize the Blog Extended Grid.
pls. use following css:
body .version-new.news-grid .portfolio-item .caption .description { max-height: 80px; }Thanks Michael
You're welcome!