Menu / Menu item config

Hi

1. How do i change the text hover colour in the Menu & menuitems? I have tried updating this for style8.css but that hasnt worked.
2. how do i increase the MAIN MENU font size, and the individual menu-item font sizes? At the moment its quite small for both.
3. How can i correct the first menu item span so that the "SEE ALL CLOTHES" etc is on 1 single line and not 2?

menusmall.PNG

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

sure its www.stockclearancelines.com

in addition to the 3 points above, i notice that if you press ctrl + scroll (to make the website bigger/smaller), it affects the main menu and causes some columns to disappear to the bottom.

Hi

1. Add this code with a color of Your choice to override.css

Code: Select all

.gkMenu > ul > li.active > a,
.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a,
.gkMenu > ul li div.childcontent a:hover,
.gkMenu > ul li div.childcontent a:active,
.gkMenu > ul li div.childcontent a:focus {
    color: #2699c8 !important;
}


2. Same as above:

Code: Select all

.gkMenu > ul > li {
    font-size: 18px;
}

.gkMenu > ul li div.childcontent li {
    font-size: 12px;
}


3. And again a code to override.css

Code: Select all

.gkmenu img {
    border: 0 none;
    float: none;
    display: block;
    margin: 0 auto 20px;
}