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.
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:
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:
If you need to make tables, Prelude has some built-in styling for you to make nice looking tables.
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:
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:
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.
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.
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:
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.