I would like to underline all hyperlinks within EasyBlog posts
By Sean Carney on Monday, 06 March 2017
Posted in Technical Issues
Likes 0
Views 310
Votes 0
I just want to change the following css from:



div#fd a:link {

text-decoration: none;

}


to



div#fd a:link {

text-decoration: underline;

}


I am wondering where the best place is to override this. I am not sure where it is coming from actually.

What I am trying to do is create blue underlines within EasyBlog posts for hyperlinks. I do not want to underline all hyperlinks on the site. Just the ones within EasyBlog.

And, I would actually like to do the same thing for hyperlinks within EasyDiscuss as well.

Can you please advise me. I could use my custom.css file but it seems there must be a better way.

Currently I believe that my template uses the underlines and then the EasyBlog css over rides the template. So, what would be the most efficient way for me to get all hyperlinks within EasyBlog posts to have underlines and also to have blue text?

And, how to do the same thing within EasyDiscuss as well?

Thank you so much, Sean
Try this following css and see how it goes.



div#fd.eb .eb-post-title a {

    color: #0000FF !important;

    text-decoration: underline;

}



#ed .ed-post-item__title a {

    color: #0000FF !important;

    text-decoration: underline;

}



#ed .ed-forum-item__title a{

    color: #0000FF !important;

    text-decoration: underline;

}
Arlex Wong
·
Monday, 06 March 2017 23:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Arlex,

I did add your CSS to my custom.css but it does not seem to be working. Any other ideas?

I tried to add !Important to the lines for the underlines. What I got was all of my category pages underlined all of the titles, which I did not actually want and within the body of my blogs none of the hyperlinks were underlined. Do you know how to target the hyperlinks within the body of a blog posting without hyperlinking the titles?

Thanks, Sean
Sean Carney
·
Wednesday, 08 March 2017 01:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Perhaps you can provide us some of the screenshot which you would like to show permalink with the blue color?
Arlex Wong
·
Wednesday, 08 March 2017 12:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you Arlex,

Sorry for the slow reply. I will provide images for two urls that should hopefully help.

1) Blog Category Page
https://www.drcarney.com/blog/doctors-blog
I do NOT want to underline the Blog Titles.
Attachment: DoNotUnderlineTitles.png

2) Blog Page
https://www.drcarney.com/blog/entry/eat-fruit-to-reduce-type-2-diabetes-risk
I want to Underline the Hyperlinks within the Body of the blog
Attachment: PleaseDoUnderlinetheBlogBodyTextHyperlinks.png

I am ONLY trying to hyperlink the text within the body of an EasyBlog.

I am wondering if the class to overwrite is eb-entry-body? or eb-entry-article?

Hope this helps.

Thanks, Sean
Sean Carney
·
Thursday, 09 March 2017 23:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Try this following css and see how it goes.


div#fd.eb .eb-entry-body .eb-entry-article a{

    color: #0000FF !important;

    text-decoration: underline;

}
Arlex Wong
·
Thursday, 09 March 2017 23:53
·
0 Likes
·
0 Votes
·
0 Comments
·
That worked just fine. Thank you very much.
Sean Carney
·
Monday, 13 March 2017 23:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
Arlex Wong
·
Tuesday, 14 March 2017 00:09
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post