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:
This is tutorial will help you create an embedded Showcase Gallery in your page content. With a previous tutorial, we created a showcase gallery in the Showcase sidebars using widgets, but this one is going directly into your page content with the help of an unordered list. This also means that we will be more hands on with HTML code doing it this method because we need to work in the “Text (HTML)” tab of your editor.
After the Introduction to the Showcase Gallery, we can move on to making an actual showcase gallery with this tutorial! We’re going to make this:
With the live demo of Prelude, you will have seen the Showcase gallery that gives you a creative way of displaying photos that can be used as a gallery or even a portfolio. You can have a showcase gallery in your page content or in the Showcase sidebar group that is located at the bottom of your main content area. You also have the option to display other types of content instead of photos, and even add individual background colours for each showcase sidebar position.
Emotions offers optional custom widget styles that changes the look to widgets when applied. When we say “optional”, we mean that they are available to you if the “Widget CSS Classes” plugin is installed and activated. Unfortunately, WordPress does not have this feature capability built into it, so we need a plugin to add this function. There are not a lot of plugins available that can do this, but the one I recommend is called “Widget CSS Classes” by C.M. Kendrick.
With Prelude, 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:
Not a common feature in a theme, but Prelude is the first for Shaped Pixels to let you adjust the amount of top and bottom space for your main content area. In the past, I’ve noticed that there have been several theme users wanting to change the amount of spacing at the top of their page content, so I decided to implement a new setting for this.
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 1600px.
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.
Prelude comes with several blog styles 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.