We will be creating an “About Me” page like the DEMO site has. First, we need to simply create a page with a featured image.
Setup Prelude Lite
Welcome to the setup tutorials for the free WordPress theme named Prelude Lite. Please note that any support you may need while setting up this theme is available to you by going to the theme’s download page at wordpress.org and click on the “View Support Forum” button.
Creating and styling buttons
Prelude Lite 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:
Make a Banner with a caption like the demo site
Prelude Lite and the pro version of Prelude comes with a pre-styled banner caption option that you can use to make photo banners like the demo website displays on the front page:
Read More… “Make a Banner with a caption like the demo site”
Change your theme colours
As it is a common feature with all of our themes here at Shaped Pixels, you can customize your colours for Emotions with ton of selectors that are found in the Customizer. Although most elements can be customized, there still may be a few that don’t have selectors, so creating some custom CSS might be required.
Customize your page background
When we say “page background“, we are referring to the overall page, not the content area. For example, here is a screenshot where the page background is using a photo and the page width is using a boxed setting of 1500px.
Change your left sidebar width on pages
With Prelude Lite, you get some layouts that gives you a “left sidebar column” for your blog or page templates. The layout structure for this theme uses the Bootstrap grid framework, so there are preset widths applied to columns. However, I’ve added a new option setting that lets you make a minor adjustment to the size of your left column… here are the approximate sizes for column content at their fullest width:
Choose your blog style
Prelude Lite comes with several blog styles (at least 6 for the pro version) that you can take advantage of, including a few extra customizing options for various elements relating to the blog. More on this in a moment, but to get started, we will look at our blog styles in relation to the screenshots you see below.