Line height in lists

  • TonyWilliams

    (@tonywilliams)


    8 years ago

    I am using the Childishly Simple theme and have this in the Appearance-Editor screen
    }
    div.entry ul li {
    /*list-style: none !important;*/
    /*list-style: none;*/
    font-size: 14px!important;
    font-family:Open sans, Tahoma, Arial, Verdana, Serif !important;
    line-height:14px;
    list-style-color: #258842;
    }
    However no matter what value I put in line height it doesn’t change. can anyone help?
    Support from the theme creator has been withdrawn it seems!
    Thanks
    Tony

Viewing 5 replies - 1 through 5 (of 5 total)
  • Local Fame

    (@localfame)

    8 years ago

    Hello,

    In order to change line height in lists, you have to use line-height property on the ul selector:

    div.entry ul {
line-height:14px;
}

    Another variant is to use padding on li selector:

    div.entry ul li {
padding-top: 14px;
padding-bottom: 14px;
}

    Hope it will solve the problem.

    Thread Starter TonyWilliams

    (@tonywilliams)

    8 years ago

    Thanks Fame . I’ve added that but it hasn’t chamged the gap between each list item. How do I change that?
    Here’s a link to show you my problem.
    http://www.cmeweb.co.uk/wordpress/our-services/

    Thanks
    Tony

    webdesignerchristian

    (@webdesignerchristian)

    8 years ago

    !important

    Thread Starter TonyWilliams

    (@tonywilliams)

    8 years ago

    Worked it out with
    margin-bottom: .5em;
    margin-top: .5em;
    Thanks
    Tony

    webdesignerchristian

    (@webdesignerchristian)

    8 years ago

    did you also try

    line-height:14px !important ;

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Line height in lists’ is closed to new replies.