Viewing 6 posts - 31 through 36 (of 36 total)
  • Author
    Posts
  • #1075224

    on this screenshot you can see 3 links (the word “Dissertation” at the beginning of the 3rd block and the numbers in brackets (14) and (15). Additionally you can see the bold text which is not a link.
    I just want to make those links to stand out from the rest in giving it a specific color. Because as it is right now it’s hard for the reader to even notice that the word “Dissertation” is a clickable link.

    Hope that clarifies the issue

    • This reply was modified 5 years, 9 months ago by Eikordo.
    #1076837

    Hi,
    Sorry for the late reply, I couldn’t find the exact page on your site, but as I’m reading your post I believe that you want some links to be different from the others, which can be done by adding a class to your “special” links.
    This will allow you to have any style you wish, such as a “background” which will look like using a highlighter on the page, or a box around the link, or just a plain different color for the link.
    Please see this article for some inspiration for these special links.
    The key is to add a “class” to the links, which you can do by adding:

    class="my_link"

    to the links. The word “my_link” can be anything.
    2019-03-09-151908
    and then you would add the css to your Quick CSS like this:

    a.my_link {
         background-color: #37fcf8;
         color: #000;
         padding: 1px;  
    }

    Please let us know if you want some specific help on an effect for a link with a custom class.

    Best regards,
    Mike

    #1077229

    Hi Mike.
    Thanks for the reply.
    I don’t want “some” links to be different from others. What im trying to achieve is that all links in general differ from normal text, whether its bold or not.. Because as it is right now, any Link looks either the same as the regular bold text or just like regular text (when not bold). As it is right now the reader can’t differentiate between normal text or a link right now. I just want to somehow show the reader “hey, this is a clickable link”

    If I use the general styling / main content options in enfield and adjust the primary color (Links, Dropcaps and other elements) its not only affecting the appearance of Links but also the bold text. How can I change the color of any Link (to make it stand out from the rest of the normal text) without changing the appearance of simple bold text?

    very basic i guess but i’m having trouble doing so :/

    You can just go to any of my blogposts and look for a link to see what i mean. The screenshot i was referring to was from this blogpost.

    hope you can figure out what i mean.
    regards

    #1077641

    Hi,
    Thanks for the link to your site, right now your links are given the same color as your text. But we can easily change this with some css, so to not affect your menu items and only target the links in your content text we will say that your links must be in a paragraph, then I also see that you have a “table-of-contents” plugin so I assume you also want those links to change color too. I also see that you have some links in paragraph list items, but I assume that you do not want the Amazon ads to change. So that gives us this:

    #top p a,.ez-toc-list li a,#top .avia_textblock li:not(.aalb-pc-product) a {color: red !important;}

    Naturally, I used red as an example, please feel free to adjust to suit.
    Please give this a try, ensuring to clear your browser cache and then let us know if we missed something.

    Best regards,
    Mike

    #1093318

    yes yes yes!

    Thanks Mike!
    Works like a charm now! Finally this has been solved :P

    you’re the best! thanks again!

    #1093349

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 31 through 36 (of 36 total)
  • The topic ‘Blog post font doesn't change, headers do’ is closed to new replies.