THE MOLITOR FORUMS » Topic: Black Boxes Around Linked Text

THE MOLITOR on "Black Boxes Around Linked Text"

THE MOLITOR — Tue, 23 Jun 2015 09:18:14 +0000

You bet! ;-)

jloehrk on "Black Boxes Around Linked Text"

jloehrk — Tue, 23 Jun 2015 06:42:53 +0000

Boom! Thanks again!

THE MOLITOR on "Black Boxes Around Linked Text"

THE MOLITOR — Mon, 22 Jun 2015 13:18:03 +0000

Thanks!

Here's some additional styling for those instances...

.tab a {
    background: #222;
    color: #fafafa;
    margin: -3px 0 0;
    padding: 3px 5px;
    text-decoration: none;
}

.tab a:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

Hope that helps!

Best,

Chris

jloehrk on "Black Boxes Around Linked Text"

jloehrk — Mon, 22 Jun 2015 10:41:34 +0000

I have rated you already, you rock!

Follow up though on this issue. It has worked on the entire site which is awesome! However I've noticed that when I have a video in the main section, it overwrites the code and goes back to the black box. I have two examples below, one with and without:

With: http://www.jelproduction.net/official-gauntlet-teaser/

Without: http://www.jelproduction.net/vfx-inspiration/

Was there something that I missed?

Thanks.

THE MOLITOR on "Black Boxes Around Linked Text"

THE MOLITOR — Fri, 19 Jun 2015 13:33:03 +0000

You bet! :-)

If you haven't already, PLEASE don't forget to rate the theme on your downloads page on ThemeForest. Positive ratings REALLY help me out and encourage further development and updates.

Thanks!

Chris

jloehrk on "Black Boxes Around Linked Text"

jloehrk — Fri, 19 Jun 2015 10:25:35 +0000

Perfect.

I looked at your code up and down and just couldn't find that. Much improved and polished.

Thanks!

THE MOLITOR on "Black Boxes Around Linked Text"

THE MOLITOR — Fri, 19 Jun 2015 09:17:57 +0000

Hi there,

Here is the currently CSS styling...

.entry a {
    background: #222;
    color: #fafafa;
    margin: -3px 0 0;
    padding: 3px 5px;
    text-decoration: none;
}

.entry a:hover {
    background: #fff;
    color: #333;
    text-decoration: none;
}

You can copy/paste that into the Custom CSS box on the Customize page and make edits there.

Let me know if that helps.

Best,

Chris

jloehrk on "Black Boxes Around Linked Text"

jloehrk — Fri, 19 Jun 2015 06:47:48 +0000

Hello,

I'm looking to take away the black box that surrounds a linked text. I've been trying to wrap my head around solving this coding and been having no luck. What I'd like to do is have nothing (transparent) but a different color to indicate it's a linked text, then have a highlighted box once the mouse is on-top of the text. Below is a post that I have for you to see where currently, the black box is very distracting and "unclean".

http://www.jelproduction.net/vfx-inspiration/

Does this make sense? Thanks for your time.