Jump to content

Font Size changing


Recommended Posts

Hi Miguel

 

Open yourdomain/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

and find this code:

.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;
}

18px is size of fonts 22px is line-height

Link to comment
Share on other sites

Hello

 

To change the sub-categories it's the same file that dioniz mentioned:

 

Your Shop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

Find around Line 141 and Change

 

.sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;    (Text Size)
    color: #333333; }                                                (Text Colour)
    .sf-menu > li > ul > li > a:hover {
      color: #515151; }                                              (Hover Colour)
 
If you also want to change the sub-sub categories go to the same file around Line 73
 
.sf-menu li li li a {
  display: inline-block;
  position: relative;     
  color: #777777;                          (Text Colour)
  font-size: 13px;                           (Text Size)
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px; }
  .sf-menu li li li a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 10px; }
  .sf-menu li li li a:hover {
    color: #333333; }                       (Hover Colour)
 
Paul
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...