Applying Corpit Styling

We are currently working on a one click solution that will import and apply all the fonts and styling for Corpit.

In the mean time, here are some quick instructions on how to set it up.

Step 1

Update the feature and accent colours in the flipit options panel:

Feature color: #00f8df5
Accent colour: #30beda

That will give you the exact corpit colour scheme. Now you just need to update the fonts.

Step 2

If you haven’t already install the FontPress plugin provided with the theme.
Go to Plugins > FontPress > Activate

Step 3

Navigate to the “FontPress” > “Manage Web Fonts”.

You will now see a selection of fonts. Open Sans is already installed, however you will need to remove this version and update with all the latest weights. Click on the X button to remove the exisinting instance, select “OK” when prompted to delete then click “update”. It should now no longer appear in your font list.

Now we need to reinstall with all the font weights.

In the “Font Name” field type “Open Sans”, then paste the following into the “Font URL” field: http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800

Now hit “Add Web Font”. Voila!. You have installed your first google font. Find Open Sans in your list and toggle “On”, then hit update.

Follow these steps if you wish to change your font in the future – there are over 500 google web fonts for you to select from http://www.google.com/webfonts#.

Step 4

Now we need to apply the font styles. Navigate to “Element Rules”. Set your fonts up as per below:

Lastly bu not least, copy and paste the below CSS code into the “Custom CSS” field, then hit “Save Rules and CSS”, and that’s it. Your theme will now rock the Corpit styling.

#content h3, h1, h4{
font-weight: 300;
}

.stats li em {
font-weight: 400;
}

.stat, .flex-caption-title, .img_post_hf2 {
font-weight: 400;
}
a.portfolio_link {
font-size: 22px;
font-weight: 300;
}

#content h5 {
font-weight: 600;
font-size: 14px;
color: #008fd5;
}



#content h4 {
font-size: 20px;
font-weight: 300;
}

.stat .fact {
font-weight: 300;
}