Remove line-height from title

  • Hello

    I’m trying to remove the line-height from the titles on my site: https://www.geimaku.com/

    I believe that this is the code that does that:

    .entry-header .entry-title {font-size:30px;
    font-weight:normal;
    text-transform:capitalize;
    line-height:130%;}

    But when I replaced the 130% with normal, it didn’t work.

    What did I do wrong?

    Thanks

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

  • Hi,

    The attribute “line-height” for .entry-header and .entry-title is already “normal”, because it’s inherited from others CSS. Si it makes no change to put “normal”.

    See the screenshot here :
    https://www.monsterup.com/upload/1339587754300.jpg

    Cheers

    Thread Starter makta112

    (@makta112)

    I find the code in the parent CSS then?

    It seems to be in the .entry-title (alone css) :

    .entry-title
{font-size:25px;
font-weight:normal;
text-transform:capitalize;
line-height:normal !important;}

    When you see the word “!important” behind a CSS attribute, this says to the web browser this CSS attribute must takes precedence over the others.

    Cheers

    Thread Starter makta112

    (@makta112)

    Hi

    I was able to change the line-height from the titles.

    Now I’m trying to remove it from the side-bar under ‘POPULAR STORIES’.

    I tried changing it with this code:

    .wpp-post-title {
line-height: 1;
}

    Assuming you mean the post titles in the sidebar section:
    Since those are part of a list, you have to apply the line-height to the list tags — i.e. <li>.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove line-height from title’ is closed to new replies.