Custom CSS Snippets

These are custom CSS snippets that you can add to your site for more customization control.

To add any of this code, copy it and paste it in the Custom CSS box under Appearance => FitPro Options. Change the values as necessary.

Change the height of the header

body .primary-menu { margin-top: 20%; }


Change the style of your site tagline

body #site-description { font-size: 18px; font-weight: bold; font-family: Palatino, serif; }


Remove post date and author

.post-meta { display:none; }


Make header image scale for mobile devices (if it’s getting cut off)

#header-container header { background-size: 100%; }


Change the fonts for page headings

To change the fonts for page headings go to Appearance -> FitPro Options and add this to the Custom CSS text box:

h1.page-title {
font-size: 12px;
font-family: Arial;
/* text-transform: none; */
}

Just change the number value to alter font size and the font name to be what you want. I have added Arial as an example. Also, the last line has been commented out, Uncomment this if you want to additionally remove the heading capitalization. You can find a list of available web fonts:

http://www.w3schools.com/cssref/css_websafe_fonts.asp