change hyperlink color and underline

  • Resolved gebseng

    (@gebseng)


    6 years, 10 months ago

    Hi everyone,

    I am using the “Custom Twitter Feeds” plugin on a wordpress site with the twenty seventeen theme.

    To get the hyperlink color I like and to remove the underline on non-hovered links, I added this custom css:

    .entry-content a {
    color: #008488;
    border: none;
    box-shadow: none;
    }

    .entry-content a:hover {
    -webkit-box-shadow: inset 0 -1px 0 currentColor;
    box-shadow: inset 0 -1px 0 currentColor;
    }

    This works great on the site, but unfortunately, the “Custom Twitter Feeds” plugin still displays black, underlined hyperlinks.

    Is there a way to change that?

    thanks,

    geb

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hey geb,

    Try adding this to the “Custom CSS” area:

    .widget #ctf a {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    }

    The reason your other CSS didn’t work is that the widgets are not part of the “.entry-content” area so the CSS wasn’t able to target it.

    Let me know if you have more questions!

    Thanks,

    Craig

    Thread Starter gebseng

    (@gebseng)

    Hi Craig,

    Thanks you so much, this is really wonderful!

    Can you also tell me how to change the link color?

    thanks,

    geb

    Plugin Author Craig at Smash Balloon

    (@craig-at-smash-balloon)

    Hey geb,

    Try this CSS:

    .ctf .ctf-tweet-text a {
    color: #008488;
    border: none;
    box-shadow: none;
}

    This will match the color of your other links.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change hyperlink color and underline’ is closed to new replies.