ElkArte Community

Works fine, but my underlined links are now not underlined. Does this addon overwrite my CSS settings?

push  :-[

Example? O:-)

Sure:
http://forum-alternative-antriebe.de/index.php/topic,5049.msg92906.html#msg92906

Links are not underlined, but they should when hovered (hovered?). Code from my custom.css:

a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
}

custom_light.css:

.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}

Restore the box-shadow and the underline is back. ;)

Sorry, no, it's not.  :(

I tried:

.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: none;
}

.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: underline;
}

...and many more, but none works.

Your current:
(Link-3966)

Removing the box-shadow:none at line 117 of custom_light.css:
(Link-3968)

I want them only underlined when hovered.  :-[

@Ruth helped me via a message. With this code:

a:hover, a:hover:visited {
    color: #469AC9;
    text-decoration: underline;
    box-shadow: 0 -1px 0 #469AC9 inset;
}

.bbc_link:hover {
    color: #469AC9;
    /* box-shadow: 0 -1px 0 #469AC9 inset; */
    text-decoration: underline;
}

...it works, but why?

My custom.css now looks at this:

a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
	box-shadow: 0 -1px 0 #469AC9 inset;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited, {
	color: #469AC9;
	box-shadow: 0 -1px 0 #cedccb inset;
	text-decoration: underline;
}
.bbc_link:hover {
	color: #469AC9;
	text-decoration: underline;
}	
.ic_section_header>a:visited {
	color: #666;
}

Is there still a mistake in the code? Something I should optimize? The code seems to work though.  :)

Edit: No, not working. There must be a mistake.  :o  In board index the links now are double underlined and in the table with recent topics above my index the underline is much thicker then in the posts.  :o

Okay, back to the beginning. With this code in my css file the links are looking good, except the ones using this addon:

a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
	color: #469AC9;
	text-decoration: underline;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}	
.ic_section_header>a:visited {
	color: #666;
}

s you can see here in this post (http://forum-alternative-antriebe.de/index.php/topic,5758.msg90143.html#msg90143), normal links (usernames for example) are looking good, but the links to extern pages are not underlined.

So, it seems the addon uses a special css code not inside the custom css file?

The addon doesn't add any CSS.
And for that reason it has nothing to do with the problems you are facing.
Really, nothing at all.

Sorry, I missed that part.
Well, then the code Ruth gave you worked simply because it uses the "hover" modifier:

a:hover {
...
}

that is supposed to apply styles exactly when you hover the link with the pointer.

If I got it right, the reason you are getting two underline could be for one of two reasons:
1) you used both box-shadow and text underline, but you should use only one of the two, not both,
2) bootstrap is using some style the (again) conflicts with your desired design.

I would suggest you to restore the code proposed by Ruth and let see what the cause of the double underlining is. ;)

Okay, I believe you!

I will "install" the custom css file within another theme, so we can test without irritating my users. As Schwarzenegger said: "I'll be back!"  :D

Okay, now I have Ruth's code with the default theme. My custom.css:

a, a:link, a:visited {
	color: #469AC9;
	text-decoration: none;
}
a:hover, a:hover:visited {
    color: #469AC9;
    text-decoration: underline;
    box-shadow: 0 -1px 0 #469AC9 inset;
}

.bbc_link:hover {
    color: #469AC9;
    /* box-shadow: 0 -1px 0 #469AC9 inset; */
    text-decoration: underline;
}
.signature a:hover {
	text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
	color: #469AC9;
}
a.new_win:link:hover, a.new_win:visited:hover {
	text-decoration: underline;
}
.bbc_link:link, .bbc_link:visited {
	color: #469AC9;
	/* box-shadow: 0 -1px 0 #cedccb inset; */
	box-shadow: none;
}	
.ic_section_header>a:visited {
	color: #666;
}

Now links are double underlined in board index. It seems the double line depends on the size of the text. The bigger the text size the more the double line is visible. Links inside a post are looking good though.

I can't see any underlining at all in any page...

Because you can't see my default theme. Hm... Do you need an account?

Either an account, or let guests pick themes. Up to you.

Send you a message with the login.

I installed the attached file from @Ruth today. There now is an underline, but it's somehow different from the others:

- It is thicker then 1 px.
- The space between the text above the line and the line itself is bigger/higher then other links.
- It seems this is a shadow and not a line.

Not happy, sorry, Ruth.  :-\

It's okay, Jorin...it was just a try. ;) . I was using the shadow as a line and did not notice that those lines were different to the others

Apparently Ruth was not that far.

As you can see here:

http://forum-alternative-antriebe.de/index.php/topic,5936.msg93128.html#msg93128

...the space between the text and the line of the mention@username and the link to an extern page is different. In signatures are now two underlines.  :D

It's the second addon I have problems with and the addon author seems to have no solution (or seems to be not interested to find one). That's sad. Does anyone know what's with @Spuds?

Maybe it can be a problem of the browser you are using; I have tried Opera, Firefox and IE right now. It looks different if I hover over the name of the poster with Opera.

But I cannot see another difference between the lines...and I don't see any line twice in the signatures?

For the @ thingy you can change:

.bbc_link:hover {
    text-decoration: underline;
}

to:

.bbc_link:hover, .bbc_mention a:hover {
    text-decoration: underline;
}

Regarding signatures I can't see the double underline... What browser are you using?

Okay, the links edited by the addon and the mention links are looking good now, they are fixed. But now every other text/page link (for example in forum index the list of recent topics on the top of the forum) is not underlined anymore. But they should be. The goal is: Every link should be blue and underlined when hovered. Except graphics as links, they should not be underlined. We are close!  :)


Actually the IE on my office's computer. I can check it with Chrome later this day.


I remember I had this problem with an external link a few days ago. I can observe this a few days though.

Any news on this? I did not check it with chrome, sorry, but I think it looks the same with Chrome then with IE. Where are my lines? Want them back!  :(

The problem is that if the css issue was in its own topic (since it's not a problem with the addon), it was easier to spot, here lost in the middle of a discussion about other stuff it's much more difficult. ;)

I'll try to split it up as much as possible and bring the discussion to support.

Let's start from scratch for a second.
Exactly: what do you want to obtain?
You want any link (those in posts, the ones around the interface, etc. "any" with the meaning each and every link that ever appears in the page) underlined when hovered?
You want some link underlined when hovered? (If so which ones exactly.)

I want it as it was before I installed the addon which is not guilty of this situation.  ;)

• No link should be underlined if not hovered.
• On hover all links should be underlined.
• Images (in posts and signatures) should never be underlined, hovered or not.

Oh, great. Where are the points of my list gone? I edited the post and the points are... well, gone!  :o

Could you try browsing here:
http://www.elkarte.it/community/index.php
and tell me what is missing?

- Text of the menu buttons are underlined on hover. Shouldn't be, sorry, I forgot that.
- Some links don't have the link color (see recent posts list above the index, there the board and author names. They should have the link color). All links should have the link color, only category titles should not.
- "Forum Stats" should have link color too.
- Breadcrumb links are underlined on hover. Shouldn't be.
- I don't see any signatures, so to be clear: Links in signatures should have link color and be underlined when hovered.
- Images all over the board (in signatures and posts) should not be underlined if hovered or not.

Summary:

- Images should not be underlined as standard and not be underlined when hovered.
- Text links should have the link color and underlined when hovered.
- Category names should be underlined when hovered, but not have the link color.
- Buttons (menu buttons, breadcrumb, other buttons around the board) and the text on these buttons should not have the link color and not be underlined when hovered.

Could it be you based your theme on besocial (that has this very behaviour) and then switched for some reason to light and you lost it? ;)

Now, what is missing?

No, I used the light variant from the start and never changed that.


Nothing, it looks good now!  :)

The custom used there is the one attached to this post, enjoy! :D

Thank you! I changed the button link text color to dark grey:

.linktree a:hover,
.listlevel1 a:hover {
	text-decoration: none !important;
}
.buttonlist a:hover {
    color: #464646;
	text-decoration: none !important;
}

...now it's perfect. Thank you very much! I really appreciate your help very much! You made my day!  :)

YAY! :D

Oppps... The buttons with page numbers inside threads have underlined text when hovered, but they shouldn't. So I added:

.pagelinks a:hover {
	text-decoration: none !important;
}

...and it works!  :D