Main tab size properties

[adem.i]

Hi,

Which stylesheet are the size properties for the main tabs located?

By main tabs I mean the tabs highlighted in yellow below. - Home, Products, Information, Contact Us, My Account, Shopping Cart



Thanks in advance.

[gjh42]

As that is a custom template, we can't tell you without seeing your site live.

[adem.i]

The link is

www.qnecomputing.com.au

Is there any more information I'd be able to give for you to be able to tell me?

[stevesh]

They'd all be under div#dropMenu, but you have menu levels styled individually.

The easiest way to figure out what is where is by installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.

[adem.i]

After using the firefox web developer add on pack, I was able to find where to increase the size of the tabs. However once I exceed a line-height of 2em, the additional part of each tab is not visible until they are highlighted.

For a visualisation, please visit the site i'm working on
www.qnecomputing.com.au

Also, how would I go about only applying the changes to the main menus and not the drop down bars.


Thanks everyone for your help!