• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

RM 1.0 I've messed up the tabs :(

xenTheory

Active member
#1
I've, somehow, managed to kill the active tab CSS and what should work isn't, which obviously means I'm not writing the CSS correctly - but I can't figure out why it wont work.

You can see what I mean by clicking here and selected a tab, either on the main page or info page. The hover works, but the focus doesn't.

Any idea which bit I've missed?
 

Shelley

Well-known member
#2
I've, somehow, managed to kill the active tab CSS and what should work isn't, which obviously means I'm not writing the CSS correctly - but I can't figure out why it wont work.

You can see what I mean by clicking here and selected a tab, either on the main page or info page. The hover works, but the focus doesn't.

Any idea which bit I've missed?
your selected tab looks fine to me. if you are referring to the green tab showing next to a selected tab your problem can be found with the following:

Code:
.navTabs .navTab.resources.PopupClosed .navLink {
    background: none repeat scroll 0 0 #62B519 !important;
}
 

Brogan

XenForo moderator
Staff member
#3
You have background: #222 !important; on .resourceListMain .tabs li a which is overriding .tabs li.active a

Remove the !important from the first or add it to the second.
 
#5
You have background: #222 !important; on .resourceListMain .tabs li a which is overriding .tabs li.active a

Remove the !important from the first or add it to the second.
Cheers, I added .tabs li.active a with an override, works perfectly and can't believe I missed that. Really appreciate it :)

Now if only I could figure this out... :rolleyes: