Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Can you help me understand how I have overwritten hyperlink underlines

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I see the following css code is in theme.colourshift2.css but I am somehow over writing it somewhere else and would sure like to figure out where! :-) :
a {
  text-decoration: underline;
  color: #0000ff;

I can understand why I would want to over write it in many places because I do not want to underline all hyperlinks on the web site. The only ones I want to underline are within the body of my blogs. (I use EasyBlog)

This url is as good as any to see a bunch of hyperlinks:

www.drcarney.com/blog/entry/three-health-benefits-of-not-drinking-alcohol

I think that I could add the following to my custom.css file
}
style.min.css:1
div#fd a:link {
    text-decoration: underline;
}

But, that underlines EVERYTHING that is a hyperlink. What I am being asked for by my bloggers is to only underline the links within the EasyBlog posts.

Can you give me a tweak that would only underline the hyperlinks within the body of an EasyBlog post?

Thanks in advance for considering this.

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

<div id="fd" class="eb eb-nickel eb-view-entry eb-layout-default eb-responsive wide w960 w768">

So this style

div#fd a:link {
text-decoration: underline;
}

would target any links inside the div#fd container
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
You currently have this style

div#fd a:link {
text-decoration: none;
}

I'd remove this as having an id means a longer style to override it
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
and try a style like

.eb-entry-body a {text-decoration: underline}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thank you very much Paul,

I am realizing that the code I need to get rid of or overwrite must not be in the template or in my custom.css file but will be found in some of the EasyBlog CSS files.

I will try to figure out where it is and make these changes.

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

Well in that case we could add a style that is more specific and add that to the custom.css file

Is that an option for you?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers