MyBB Community Forums

Full Version: customize .post_body a:link
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi Community MyBB.

I want to customize .post_body a:link to change the font color of links in postbit, hover, the code: text-decoration-style: dotted; it does not work  Huh

How can do the text-decoration-style: dotted to display in .post_body  Any help or suggestion its welcome

My code on global.css

.post_body a:link {
color: #d5a208;
text-decoration-style: dotted; 
}

My Display .post_body a:link   Huh
[Image: tex-decoration.png]

Thanks in advance for the support  At
Hi,

try with:

.post_body a:link {
    color: #d5a208;
    text-decoration: none;
    border-bottom: 2px dotted;
}
I would not suggest to use border-bottom as any border will increase the total height of the element.

"text-decoration-style: dotted" is a valid CSS property.
You can also try a combination: "text-decoration: underline dotted #d5a208".

You've chosen to apply a style to "a:link". That means this style is only valid for a link not yet clicked.
Either extend the CSS with an additional pseudo-classes, like: "a:link, a:visited, a:active, a:hover"
or just remove any pseudo-class -> So use only:
.post_body a { ... }

[ExiTuS]
Thanks so much for your feedbacks NoRules and [ExiTus]

I try with two codes and the [ExiTus] with text-decoration: underline dotted #d5a208 dont work for my with that combination.  Thanks you for feedbacks.

The code os NoRulesWork Perfect.

.post_body a:link {
    color: #d5a208;
    text-decoration: none;
    border-bottom: 2px dotted;
}

Thanks in advance for support and feedbacks

Now can change the font color of links in postbit  My

Muchas Gracias  Big Grin  Por el soporte y comentarios

  Smile
Again, just drop the pseudo-class ":link" and replace
".post_body a:link { ... }"
by
".post_body a { ... }"

That's it.
There's no need to use a border!

[ExiTuS]