Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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
    Manfred

    #1408797

    Hey 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,
    Mike

    #1408821

    Hey 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 Edition

    best regards
    Manfred

    #1408823

    Hi,
    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
    Enfold_Support_2163.jpeg

    Best regards,
    Mike

    #1408931

    Hi Mike,
    thank you very much, it works perfect.
    It helped me to understand the the way to use custom CSS,

    best Regards
    Manfred

    #1408934

    Hi,
    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change line-height in list element’ is closed to new replies.