Many themes offer some form of social networking capabilities from comprehensive to basic links that takes you to the person’s profile page(s). This theme gives you a social menu location off to the right of the top header area. Setting up your social menu items is just like the other menus, excerpt you are using the “ Custom Links ” option for each social network.
Setup Prelude
If you are using theme animation or the Animate It plugin
This is avery short tutorial, but if you plan to use the Animate It! plugin for adding animation capabilities to your posts, pages, and other uses, you can disable the theme’s built-in animation that is based on that plugin. Using one or the other is up to you, but running both means you’re loading duplicate CSS files which could slow down your website load times.
Read More… “If you are using theme animation or the Animate It plugin”
If you are using a Bootstrap plugin
This is avery short tutorial, but if you plan to use a plugin that loads the Bootstrap CSS styles, you may want to disable the theme’s own Bootstrap CSS so that you don’t have duplicate stylesheets loading. Although the theme has it’s own Bootstrap styles, they are limited to the grid layout and some form styling. Disabling the theme’s own styles will affect the grid layout due to specific sizing I applied to this theme.
If you are using a Font Awesome plugin
This is avery short tutorial, but if you plan to use a plugin that loads the Font Awesome icons, you may want to disable the theme’s own Font Awesome CSS so that you don’t have duplicate stylesheets loading. Usually the reason for using a Font Awesome plugin like “Better Font Awesome“, is to give yourself more features and flexibility when it comes to using icons in your content.
Make a Contact form like the live demo
I won’t go into a lot of detail here because even though I used the Contact Form 7 plugin for the online demo, you may have a different plugin that you use. However, in reference to the theme’s demo site, I will make this very easy by giving you the code I used for the form I made:
Customize form input styles
This tutorial isn’t so much of total customization of forms and form elements, but more of simply changing certain style attributes of input fields.
Button styling
Prelude includes optional custom form styling, including buttons. You can use these styles for any form you are creating, but you can also make text links into buttons. Current button styling:
Content Dividers
This is a simple tutorial to show you how to add page content dividers using the “hr” tag with classes. The demo site displays what your two divider styles are like:
Table Styling
If you need to make tables, Prelude has some built-in styling for you to make nice looking tables.
Typography Options
Typography is probably the most complicated and confusing aspects of designing your website, regardless if you are using a theme that has font and typography management options. This is a very big topic when you take in account what fonts involve: