How Do I Change The Text Size In The Top Horizontal Menu?

[wide-eyed]

Trying to figure out how to change the text size in the top horizontal menu module.  Can someone help me out?  I am using the default store template.  Thanks in advance!  BTW I want to change the text size for both the categories and sub-categories in the top horizontal menu bar.

Edited July 8, 2015 by wide-eyed (see edit history)

[Briguyyyy]

If i am not mistaken you need to go to:

 

public_html/themes/default-bootstrap/css/modules/blocktopmenu/css

 

edit superfish-modified.css

 

(notepad++ app) line 64/65:

 

.sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif;

 

change the 18px/22px to desired levels.

 

and if you look through the code you'll find under other headings font:

 

change them and you'll see how/what they effect on the menu.

 

I got into the habit of labeling them once i figured it out.  do /* put your note here */ next to the code you want to label.

 

Hope this was helpful! (if im wrong, well, sorry i tried lol)

 

 

[wide-eyed]

If i am not mistaken you need to go to:

 

public_html/themes/default-bootstrap/css/modules/blocktopmenu/css

 

edit superfish-modified.css

 

(notepad++ app) line 64/65:

 

.sf-menu > li > a {

    font: 600 18px/22px "Open Sans", sans-serif;

 

change the 18px/22px to desired levels.

 

and if you look through the code you'll find under other headings font:

 

change them and you'll see how/what they effect on the menu.

 

I got into the habit of labeling them once i figured it out.  do /* put your note here */ next to the code you want to label.

 

Hope this was helpful! (if im wrong, well, sorry i tried lol)

Yes this was it!  And to change the text size for the sub-categories was found on line 138-146

.sf-menu > li > ul {

  padding: 26px 30px 31px;

  width: 100%; }

  .sf-menu > li > ul > li > a {

    text-transform: uppercase;

    font: 600 14px/14px "Open Sans", sans-serif; /* top horizontal menu text size for sub-categories*/

    color: #333; }

    .sf-menu > li > ul > li > a:hover {

      color: #515151; }