-
AuthorPosts
-
March 6, 2019 at 3:03 am #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, 8 months ago by Eikordo.
March 9, 2019 at 10:38 pm #1076837Hi,
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.
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,
MikeMarch 11, 2019 at 7:27 am #1077229Hi 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.
regardsMarch 12, 2019 at 6:15 am #1077641Hi,
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,
MikeApril 22, 2019 at 12:33 pm #1093318yes yes yes!
Thanks Mike!
Works like a charm now! Finally this has been solved :Pyou’re the best! thanks again!
April 22, 2019 at 3:31 pm #1093349Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Blog post font doesn't change, headers do’ is closed to new replies.