Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Main tab size properties

Main tab size properties

Locked

Views: 473

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
11 Jul 2010, 3:40 AM
#1
adem_i avatar

adem_i

New Zenner

Join Date:
Jul 2010
Location:
Sydney, Australia
Posts:
86
Plugin Contributions:
0

Main tab size properties

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.

relatively new to Zen Cart

11 Jul 2010, 5:44 AM
#3
adem_i avatar

adem_i

New Zenner

Join Date:
Jul 2010
Location:
Sydney, Australia
Posts:
86
Plugin Contributions:
0

Re: Main tab size properties

The link is

https://www.qnecomputing.com.au

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

relatively new to Zen Cart

11 Jul 2010, 11:41 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Main tab size properties

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.

11 Jul 2010, 4:58 PM
#5
adem_i avatar

adem_i

New Zenner

Join Date:
Jul 2010
Location:
Sydney, Australia
Posts:
86
Plugin Contributions:
0

Re: Main tab size properties

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
https://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!

relatively new to Zen Cart