-
AuthorPosts
-
May 27, 2023 at 5:39 pm #1408792
Dear Kriesi Team,
how can i change the line-height in list elements, like: <li style=”line-height: 120%;”>Topic A
I can edit each single line, but i don’t know, how to do with Quick-CSS??Best Regards
ManfredMay 27, 2023 at 6:27 pm #1408797Hey Manfred,
Typically you could add a custom class to the element that contains your list item and then use css like this in your Quick CSS:.custom-class li { line-height: 120px; }
but it would be easier to help if we could see the page and list items.
Let us know it you want to use this everywhere on your site or only in specific situations as it could help us offer a better solution.Best regards,
MikeMay 27, 2023 at 9:00 pm #1408821Hey Mike,
thanks for the quick response.
I think, it is better to use it only in specific situations.Pleas look at the sides
-Hunter Edition: https://www.world-of-defender.de/rough-edition/
-Luxury Edition
-Rough Editionbest regards
ManfredMay 27, 2023 at 9:35 pm #1408823Hi,
Thank you for the link to your site, I see that you have already added the line height to the list items on these three pages, if you are going to add more pages I would recommend adding the custom class custom-list-height to any text elements that will contain these list items and then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .custom-list-height li { line-height: 120%; }
After applying the css, please clear your browser cache and check.
But if I misunderstood you and you want to change these text elements to a different line-height, then you will first need to remove the inline css
style="line-height: 120%;"
from each list item by opening the text element and view in the Text tab and remove the code. Then add the custom class to the element and the css to your Quick CSS
Best regards,
MikeMay 29, 2023 at 12:02 pm #1408931Hi Mike,
thank you very much, it works perfect.
It helped me to understand the the way to use custom CSS,best Regards
ManfredMay 29, 2023 at 12:46 pm #1408934Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘change line-height in list element’ is closed to new replies.