Changing Hyperlink color – not visible hyperlink

  • Resolved dhammadrops

    (@dhammadrops)


    5 years, 11 months ago

    Hi,
    I have problems in visualizing hyperlinks on my posts.
    I’m using Savona Edge. I just open an affiliate account with Amazon and assocciate some links to my blog’s posts. The links work well, the only problem is that I cannot see them on the visual version (I can see them highlighted on the post editor but not in the actual website). They are the same color of the text.. I saw on this forum another person had my same problem but apparently I cannot solved my problem with the solution which was given to her..
    I tried the following CSS codes:

    a:link {
    color: #0000FF;
    }

    body.single .post-inner-content a {
    color: #0000FF;
    }

    .single .entry-content p a {
    color: #0000FF
    text-decoration:underline;
    }

    entry-content a,
    .entry-meta a {
    color: #0000FF;
    }

    If you see in the link I posted there are different pages linked. One of them for example is after the point ‘backpack’, there is a link connected to ’40L backpack’. the link works but you have to look for it in the middle of the text!! (this is only to pointout an example on my page)

    Some help over there?
    Thank you very much,
    I feel I’ve been wasted enough hours of my life ??

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    You’ll need to do this:

    #page-content a {
    color: #00F;
}

    If that doesn’t work:

    #page-content a {
    color: #00F !important;
}

    Try to insert this in CSS:

    .main-container a {
    color: #0000FF!important;
}

    should solve the problem, if I understand what you mean:
    https://ibb.co/xL2vBsF

    Thread Starter dhammadrops

    (@dhammadrops)

    First at all thank you so much!!
    @andrea0veglia yes, you understoond what I meant
    All 3 codes work and solve the issue of changing hyperlink color.
    But:

    the codes

    .main-container a {
color: #0000FF!important;
}</blockquote>

    and 

    #page-content a {
color: #0000FF !important;
}

    change also the color of the title of all the blog posts + changes the color of the ‘read more’ botton on the blog post page.
    (That make it me wonder if it is possible to change the color of the title of the post without changing also the color of the hyperlink..)

    Whilst the code

    #page-content a {
color: #0000FF !important;
}

    change only the hyperlink color + the ‘read more’ botton + the little title of ‘menu argument’ on top of the blog post title.
    See
    https://dhammadrops.com/blog/
    and
    https://dhammadrops.com/hello-world/
    to see what I mean

    I’m gonna use the last code as it doesn’t change the title color and I’m happy with that but I thought to let you know this (also for other people reading)

    Thank you for your precious help!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Hyperlink color – not visible hyperlink’ is closed to new replies.