FAQ - How to Add Custom CSS to Control the Navigation Font Size

FAQ - How to Add Custom CSS to Control the Navigation Font Size

To change the font size in your navigation, add the following to the CSS (under website).  Copy and paste it into your CSS.  The sizing is controlled with the value before "em".  Increase or decrease this number.  For example, you might try .8 or 1.2.


/* Font Size in the Navigation */
.navbar-nav > li > a {
font-size: 1.0em;
}




    • Related Articles

    • Navigation Menus

      What is Navigation? Navigation is a menu that links to your website pages, a PDF document, or other web pages. Depending on your website template, your site can have menus in various places. To access your site's navigation: Go to Website / ...

    • Editing Custom Fields

      Adding a Custom Field At this time, Admins cannot add a custom field, but they are able to edit the data once it has been collected. If you would like to have a custom field added to your parent or student information, create a help desk ticket and ...

    • Custom CSS to Change the Directory Bar Color

      If you want to change color of the top Directory bar from the standard teal to your own colors, add the following to the Custom CSS (under Dashboard / Website). You will copy and paste it into your CSS. You will need to add your own Hex Code for the ...

    • Customizing Calendars

      Customizing the CSS for a Calendar If you want to change the color or font of your calendar, this can be done through the CSS. Custom CSS overrides the original instructions programmed for your site. Below is information on the CSS for customizing ...

    • Footer Navigation

      Footer Navigation is used as secondary navigation. What you might want to include in your footer navigation: Links to web pages that didn't fit in your main navigation Links to other sites your visitors may find helpful Repeat common links that your ...