Cannot decrease line height in CSS

  • awesomeblogger

    (@awesomeblogger)


    5 years, 4 months ago

    I’m trying to decrease the line height for bulleted paragraphs.
    This is the code that I have:

    .entry-content ul {
    list-style: none;
    }
    .entry-content ul li:before {
    content: “\■”;
    color: orange;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.2em;
    line-height: 1 !important;
    }

    However, when I try to decrease the line height to 1, it’s not working. My default line height is 2, and it’s set in Customizer > Typography > Body.

    I cannot go below 2 no matter what I do.

    I’ve tried using the display:block, but then the bullet list does not look in line with the text.

    How can I make the line height lower than what’s set in the Customizer, for this specific div container?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter awesomeblogger

    (@awesomeblogger)

    5 years, 4 months ago

    How can I decrease the line-height for my bullet list?

    I need it to be lower than the rest of my text.

    Is there a way to do this with Hooks if it’s not possible to do it through CSS?

    Leo

    (@leohsiang)

    5 years, 4 months ago

    Hi there,

    Any chance you can link us to the site in question?

    Let me know 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Cannot decrease line height in CSS’ is closed to new replies.