Remove link underline from site title

  • Resolved atosz

    (@atosz)


    8 years, 4 months ago

    Dear Andre,

    I would like to remove the underline effect from site title. I “googled” many on this topics and tried several code, like
    .site.title a {
    text-decoration: none;
    }

    .site-header .site-title:hover{
    text-decoration: none;
    }

    an similar, but i haven’t found the solutione yet… Could you help in it please?

    Here is the site link.

    • This topic was modified 8 years, 4 months ago by atosz.
Viewing 5 replies - 1 through 5 (of 5 total)

  • You almost have it. Try this:

    
.site-header .site-title a {
   text-decoration: none;
}
    Thread Starter atosz

    (@atosz)

    Perfect, it does work. ??

    Please let me one more question… How can i reduce the space between site header and descpription line?

    Thanks again!

    Start by adding these two rules:

    
.site-title {
    line-height: 1em;
}
.site-title + .site-description {
    margin-top: 12px;
    line-height: 1em;
}

    I would first adjust the margin-top property (12px is the current value). If 0 still leaves too much room, then start reducing the line height (you can use fractional numbers, like .8em).

    Thread Starter atosz

    (@atosz)

    Now it is better. Thank you for your quick and useful help!

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Thanks @crouchingbruin for helping out ??

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