Where Can I Change navTabs Height in Style Properties?

[DRE]

I would like to change the height of a navtab because it is too short and creating a gap in between the navtab and sub menu. How do I do this in Style Properties?

When I edit the navtab in Firebug, this is what I see.

.navTabs {
    background: url("styles/qapla/menub.png") repeat-x scroll 0 0 #1A024B;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #0083D5;
    font-size: 11px;
    height: 25px;
    padding: 0 25px;
}

When I change the height in that code to 28px in Firebug the gap is closed.

How do I change the height in style properties so that the gap is closed?

 

[Floris]

What you can do is a few things.

You can create a custom template, (and optionally link it to a plugin, which i strongly recommend)
And either hook into an existing template with the plugin, or manually add it to a template.

You can put your own css as a template called purple.css

And in any template you can <xen:require css="purple.css" />
Such as extra.

 

[DRE]

What you can do is a few things.

You can create a custom template, (and optionally link it to a plugin, which i strongly recommend)
And either hook into an existing template with the plugin, or manually add it to a template.

You can put your own css as a template called purple.css

And in any template you can <xen:require css="purple.css" />
Such as extra.

I would rather optionally link to purple.css as a plugin. I've never created a plugin though. Do you know of a good guide for that?

 

[Floris]

I would rather optionally link to purple.css as a plugin. I've never created a plugin though. Do you know of a good guide for that?

http://xenforo.com/community/resources/screencast-creating-xenforo-add-on.694/

 

[DRE]

http://xenforo.com/community/resources/screencast-creating-xenforo-add-on.694/

Thanks!