• Resolved myfavoritehello

    (@myfavoritehello)


    Hi, My site is not active yet (www.myfavoritehello.com) but I am trying to change the hyperlinks in my posts and on my pages.

    I saw some CSS from another thread but it didn’t work. I would like to do the following for hyperlinks only in posts and on pages:

    1) remove the underline
    2) make the hyperlinks bold
    3) customize the color of hyperlinks
    4) customize the color of hover
    5)customize the color of hyperlinks that have been clicked on

    I tried this from another thread but it didn’t work:
    .single-content a, .single-content a:hover, .single-content a:visited, .single-content a:active { font-weight: boldl; /* not bold links in single posts */ }

    .single-content a { color: #f6b0c7; /* color of links in single posts */ }
    .single-content a:hover { color: #7e7e7e; /* color of links when hover mouse over in single posts */ }
    .single-content a:active { color: #f6b0c7; /* color of links when active in single posts */ }
    .single-content a:visited { color: #7e7e7e; /* color of links after user has visited it in single posts */ }

    Also, can you clarify whether I add the code in the “Add CSS” section or do I put in in every individual post and/or page?

    Thank you so much!

Viewing 14 replies - 1 through 14 (of 14 total)
  • Hi there,You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    .entry-content a,
    .entry-content a:hover,
    .entry-content a:visited,
    .entry-content a:active {
        font-weight: normal;
        /* not bold links in single posts */
    }
    .entry-content a {
        color: #f6b0c7;
        /* color of links in single posts */
    }
    .entry-content a:hover {
        color: #7e7e7e;
        /* color of links when hover mouse over in single posts */
    }
    .entry-content a:active {
        color: #f6b0c7;
        /* color of links when active in single posts */
    }
    .entry-content a:visited {
        color: #7e7e7e;
        /* color of links after user has visited it in single posts */

    Let me know if this helps

    Hi, I changed css file manualy to remove underline in olsen light and this is what happened https://www.coffeestainless.com/ can someone help with these?

    Hi there @alex991

    Have you resolved this? Everything looks good!

    Thread Starter myfavoritehello

    (@myfavoritehello)

    THat worked, thank you!

    I also wanted to remove the underline for hyperlinks. I was trying the following but it didn’t work.

    remove hyperlinks:
    .entry-content a {
    border-bottom: none;
    }

    any help would be much appreciated! ??

    Yes it has been resolved.

    Hi there,
    @alex991 Glad you worked this out!

    @myfavoritehello please the css you are using is correct! Please check your other custom css for errors, and let me know if you resolve this.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    I checked my custom css but couldn’t figure out why the hyperlink underlines are still showing up. But I don’t really know css. My website is viewable now. Is it possible for you to check to see what the issue is? thank you.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Also, the category in the post is now showing as black. Previously it was pink and the hover color was black. for example in the post showing the category “love” above the title is showing as black. How can I fix that?

    Hi there @myfavoritehello,

    have you tried this

    .entry-content a {
    border-bottom: none;
    }

    and did not work?

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Yes, I have tried the above and it didn’t work. I also put it in my individual post’s CSS, and when the post is expanded, it has gotten rid of the underline, but not when the post is collapsed. And it is also not fixed on the Contacts page.
    the URL is myfavoritehello.com
    Thank you.

    Hi there,
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

    .entry-content a {
    border-bottom: none;
    }

    in the box.

    Clear your Site and Browser cache, purge any CDN services cache and try again.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    The above still is not working. I’ve tried everything. Is there a way to change the underline to white, then at least it can just blend into the background? Thank you.

    Thread Starter myfavoritehello

    (@myfavoritehello)

    Ok I got this to work.

    Hi there, great you worked this out

    I’d like to ask you, if you like the theme and could take a minute to review it here it would help us a lot!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Hyperlinks – I want to remove underline, and change colors.’ is closed to new replies.