visitor tabs font sizing

[Diana]

Where can I locate the font size for the visitor tabs.

The fonts in the inbox and alerts are too large. How can I minimize them?

 

[Jake Bunce]

The tab itself, or the text inside of the popup?

 

[Shelley]

Insert in extra.css template though you may be able to go through the style properties

.navTabs .visitorTabs {
    font-size: yoursizeinpx;
}

 

[Diana]

Insert in extra.css template though you may be able to go through the style properties

.navTabs .visitorTabs {
    font-size: yoursizeinpx;
}

Thank you. I tried different px sizes but nothing changed.

 

[Diana]

The tab itself, or the text inside of the popup?

The text inside.

 

[Jake Bunce]

Using Chrome's element inspector I came up with this CSS:

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

Add this code:

.navPopup h3
{
	font-size: 16px !important;
}

.navPopup .listItemText .muted
{
	font-size: 16px !important;
}

The result (big text):

 

[Shelley]

Using Chrome's element inspector I came up with this CSS:

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

Add this code:

.navPopup h3
{
font-size: 16px !important;
}
 
.navPopup .listItemText .muted
{
font-size: 16px !important;
}

The result (big text):

View attachment 32695 View attachment 32696

Ah I misunderstood. I thought they meant the tab text.

 

[Diana]

Using Chrome's element inspector I came up with this CSS:

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

Add this code:

.navPopup h3
{
font-size: 16px !important;
}
 
.navPopup .listItemText .muted
{
font-size: 16px !important;
}

The result (big text):

View attachment 32695 View attachment 32696

Works great. Thank you Jake

 

[Diana]

Ack, it's still not quite right. It wasn't just the font size that was too large, it's also the background.

This is the size (on the landing page).



This is the size it should be (as it appears on the forum).

 

[Diana]

Not urgent, but I would like to get this finished up by Tuesday the 14th.

Anyone?

 

[Jake Bunce]

That is something custom with your style. You need to use Chrome to debug the style and find what is causing that extra padding:

http://xenforo.com/community/threads/how-to-change-almost-anything-quickly-and-easily.33239/

Or I can do this if you post the forum URL.

 

[Diana]

Ok, thanks.

 

[Diana]

btw, the images are not the actual size, they were meant to show the comparative size.