Link widget – title line height

  • Resolved asaracena

    (@asaracena)


    9 years, 5 months ago

    I’m trying to change the line height of the Link widget. I’ve tried this css but it’s not working:
    .simple-links-item a{
    font-size: 14px !important;
    line-height: 16px !important;
    }
    .simple-links-list li a {
    font-size: 14px !important;
    line-height: 16px !important;
    }

    What is the correct css to change the line-height of the Simple Links widget titles?

    https://www.ads-software.com/plugins/simple-links/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Mat Lipe

    (@mat-lipe)

    Hello,

    The widget titles are generated based on your theme. The css and the classes are not generated by this plugin.

    If you would like to send me a link to where this is displayed and can point out what the styles are.

    Thread Starter asaracena

    (@asaracena)

    Thanks Mat – I can change the size of the text by using this in my custom css:
    .widget-inner a{
    font-size: 14px !important;
    line-height: 16px !important;
    }

    But there seems to be a full line space between the lines of the title (if the text goes over one line) – this is what I can’t figure out how to fix.

    The page is: https://100friends.org/links/

    Your plugin is really great by the way – easy to use, perfect for us.

    Plugin Author Mat Lipe

    (@mat-lipe)

    It looks like the line-height is coming from the li item.

    .sidebar .widget-inner li {
  line-height: 30px;
  border-bottom: solid 1px #e5e5e5;
  border-color: rgba(0,0,0,.05);
}

    You could add this to adjust it

    .sidebar .widget-inner .simple-links-item {
  line-height: 16px;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Link widget – title line height’ is closed to new replies.