How to change text color of a selected Tab

  • Thread starter Thread starter bogus
  • Start date Start date
B

bogus

Guest
Hi. I cant find the settings in the Properties where i can change the Color of a Tab (Popup)
I would like to change the Blue of the selected Help Text Color
Unbenannt.webp
 
Ok thanks. but still have the problem that u cant separate the style properties of Navtab Popup Hover and this... dont know the name... "Search the Forum" popup Hover.
Also Brogans suggestions will no help in this case.
Its all one css. Hopefully this will be changed in one of the next Betas.
Or maybe anyone found a way ...
 
Those are the only style properties I can see that change those two (or the one's I've customised anyway) which seems to seperate the two colours out so not sure if there's something else.

It currently does turn red with the popup menu set. :(
 
Ok thanks. but still have the problem that u cant separate the style properties of Navtab Popup Hover and this... dont know the name... "Search the Forum" popup Hover.
Also Brogans suggestions will no help in this case.
Its all one css. Hopefully this will be changed in one of the next Betas.
Or maybe anyone found a way ...

I tested Brogan's solution and it works. It only affects the popups in the navbar. The Search this forum menu remains unchanged. In applying Brogan's solution, I edited this template:

Admin CP -> Appearance -> Templates -> navigation.css

And changed this:

Code:
	.navTabs .navTab.PopupOpen .navLink
	{
	}

...to this:

Code:
	.navTabs .navTab.PopupOpen .navLink
	{
		background: #000000;
	}

This changed the background of the popups in the navbar to black. The other popups were not affected.
 
Ok thanks i will try that, maybe i did completly missunderstood that....possible cause since 5 days i am not doing anything else. i dream of popup css navigation tab etc ;)


Ok now i got it ;) Thanks

Two last Questions, then i am finished ;)
Is it also possible just to change the Border of the Popup from the Tab and leave the other border "Search this Forum" in a brighter Color? (red arrows - both borders are same color)

and where do i find the settings for the color if i am not at the tab with the mouse (blue Arrow)
As u can see in the first Picture the Tab "Search this Forum" isnt colored anymore if there is no hover

Unbenannt.webp

I think the class is primaryContent menuHeader but not sure
 
Border color (red arrow from previous pic):

Admin CP -> Appearance -> Templates -> xenforo_popup.css

border-top: 5px solid @primaryLight;

Code:
.Menu
{
	@property "menu";
	font-size: 11px;
	background-color: white;
	border: 1px solid @primaryLight;
	border-top: 5px solid @primaryLight;
	overflow: hidden;
	box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
	@property "/menu";
	
	min-height: @menuMinheight;
	min-width: @menuMinWidth;
	*width: @menuMinWidth;
	
	/* makes menus actually work... */
	position: absolute;
	z-index: 7500;
	display: none;
}

Tab color (blue arrow from previous pic):

Admin CP -> Appearance -> Templates -> xenforo_popup.css

background: @primaryLight url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;

Code:
	.Popup .PopupControl.PopupOpen,
	.Popup.PopupContainerControl.PopupOpen
	{
		@property "popupControl";
		color: @primaryDark;
		background: @primaryLight url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		text-shadow: 1px 1px 2px white;
		box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
		@property "/popupControl";
	}
 
Top Bottom