Front size in Top Horizontal Catergory

[OtakuHype]

Hello, whats the code that I need to change to make the font size smaller in the top category and also the sub category (top categories drop down). I am not sure which file I need to edit.

 

Thank you

 

edit: I meant font size, not front

Edited June 30, 2014 by thenaughtybunny (see edit history)

[S-HAMMANI]

Hi

Version PS ?

[OtakuHype]

Oops sorry totally forgot that bit, I'm on 1.6.0.7

[S-HAMMANI]

Hi

In themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

.sf-menu > li > a {
    font-size: ??px;
}

[OtakuHype]

Thank you, I thought it was that, but when I change the font size nothing shows on the website. Do I need to force these changes in admin somewhere?

[dioniz]

Try to clear browser cache Ctrl-F5

[OtakuHype]

Thank you, It works after about 20 minutes of any changes being made, not sure why ittakes that long but tested this on a fresh install of Safari. For some reason changing the text size completely changes the whole style of the top bar.

 

[dioniz]

This is your code for top menu links in yourdomain/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css on line 60:

.sf-menu > li > a {
    border-bottom: 3px solid #e9e9e9;
    color: #484848;
    display: block;
    font: 600 18px/22px "Open Sans",sans-serif;
    padding: 17px 20px;
    text-transform: uppercase;
}

Font numbers means: 600= font weight, 18px= font size, 22px = line height

 

 

For hover you have this style on line 67:

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    font-size: 15px;
}

Since you have smaller font size here, your fonts get smaller on hover.

You should make them same size.

 

Here is how it looks to me now in FF:

[OtakuHype]

Thank you, thats helped a lot as I didn't know what the font weight, size, height   I've changed it now

[Raj_Malhotra]

Thanks dioniz it works...