Website Theme Customizer

  1. Home
  2. Support
  3. Website Theme Customizer
  4. Blog – Configure the Blog Style and Appearance
  5. Customizing the Single Post Settings

Customizing the Single Post Settings

Just like you can customize the blog entries or archives page, you can also customize the individual blog post page. It’s often known as the single post page as well.

Following are the customization settings available for the single post page.

Navigate to your website admin, browse to Appearance > Customize > Blog > Single Post.

Layout

You can choose to follow one out of the four available layouts for the single post page. It could either be the same layout as the other pages or a unique layout to the single post page.

The available layout options are

  • Right Sidebar
    • Shows a sidebar at the right side, whereas the content area at the left side.
  • Left Sidebar
    • The content area displays at the right and there’s a sidebar at the left side.
  • Full Width
    • The full width displays no sidebar, rather the complete area is covered by the content area.
  • 100% Full Width
    • It expands to take all the available space for that screen size. So the layout is fluid in terms that it might be larger or smaller at times, depending upon the medium used to view the site.

Heading Tag

The heading tag for the single post page can be edited to become any one of the following pre-populated tags

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • div
  • span
  • p

Just click over the dropdown under the “Heading Tag” label in the Single Post panel to change the heading tag.

Page Header Title

The page header title can be configured to choose any one of the following two

  • Blog
  • Post Title

Simply click the dropdown under the “Page Title Header” label in the Single Post panel to edit it.

Featured Image in Page Header

The featured image can be added to the page header. Just click the checkbox next to the “Featured Image in Page Header” label in the Single Post panel to enable it.

Title/Breadcrumb Position

The title or the breadcrumb can be aligned either to the left, center, or right as per the preferences.

Just click over the respective button under the “Title/Breadcrumb” label in the Single Post panel to do it.

Position

The image position can be modified based on the following available options. These options realign the image in a way that the image focus may shift from one object of the image to another.

  • Default
  • Top Left
  • Top Center
  • Top Right
  • Center Left
  • Center Center
  • Center Right
  • Bottom Left
  • Bottom Center
  • Bottom Right

Just click over the dropdown under the “Position” label in the Single Post panel to choose anyone we discussed. 

Attachment

The attachment option lets you choose one of the two available options, namely Scroll or Fixed.

Scroll lets the image scroll with the page scroll. Whereas fixed keeps the image fixed as you scroll the page and only the content body scrolls. The fixed attachment for the image provides a modern parallax effect.

Just click the dropdown under the “Attachment” label in the Single Post panel to choose any of the discussed options.

Repeat

If you have a smaller image that you want to repeat either in the horizontal or vertical axis, or even both, you can do so too.

Anyone of the following option can be chosen for the repeat option.

  • No-repeat
    • Doesn’t repeat the image, keeps it as is
  • Repeat
    • Repeats the image in both X and Y axis
  • Repeat-X
    • Repeats the image in horizontal  (X-axis) direction
  • Repeat-Y
    • Repeats the image in vertical (Y-axis) direction 

Just click over the dropdown under the “Repeat” label in the Single Post panel to change it.

Size

Following are the image size configurations you get to choose one from

  • Auto
    • It auto judges the right size, based on the available space and image dimensions
  • Cover
    • Expands the image to cover available space.
  • Contain
    • Contracts the image to cover up for the complete image dimension, to show the complete image within the available space

Simply click over the dropdown, under the “Size” label in the Single Post panel to edit the image size as discussed.

Page Header Height (px)

The height for the page header can be changed to provide more space as needed.

Just use the slider under the “Page Header Height (px)” label in the Single Post panel to change the page header height.

Overlay Opacity

You can use this option to set overlay opacity. The opacity will either make the overlay more transparent or opaque. Setting the opacity to 1 makes the overlay completely opaque. Anything less than 1 makes it less opaque and 0 makes it completely transparent. So if you want to have something that’s half transparent, to see through the overlay, you may want to consider setting the overlay to 0.5.

Just use the slider under the “Overlay Opacity” label in the Single Post panel to be able to change it.

Overlay Color

Overlay color helps to add effects, to make the background a little darker or even a little lighter, or maybe more colorful. The only limit is your imagination.

Click over the “Select Color” button under the “Overlay Color” label in the Single Post panel to change the color for the overlay.

Full Width Content

You can define a max width for your content (to limit it to) within the full-width layout. You can disable this max width by setting 0 in the input box.

Simply click over the input box under the “Full Width Content” label in the Single Post panel to change it.

Elements Positioning

You can rearrange the single post elements to display accordingly. Following are the available elements to re-arrange or re-position.

  • Featured Image
  • Title
  • Meta
  • Content
  • Tags
  • Social Share
  • Next / Prev Links
  • Author Box
  • Related Posts
  • Comments

Just click over any one of it and drag it around to rearrange. These elements are available under the “Elements Positioning” label in the Single Post panel to rearrange.

Meta

The Meta items can be rearranged for the single post as well. These are the Meta items provided in the theme customizer.

  • Author
  • Date
  • Categories
  • Comments
  • Read Time

Just find the “Meta” label right after the previous setting in the Single Post panel to rearrange Meta items.

Next / Prev Post Selection

You can choose either the “Category” or “Tag” button for the “Next / Prev Post Selection”.

Based on the chosen option, the next and previous buttons for the post will either select the next or previous posts based on the category or the tag.

Related Posts Count

You can increase or decrease the related number of posts to show to the users.

Just use the slider under the “Related Posts Count” label in the Single Post panel to change it.

Related Posts Columns

 You can also increase or decrease the number of related post columns. Changing the number of related posts columns is different from the related posts count. You may have as many as 50 related posts, but you can choose a maximum of 6 columns to showcase these posts.

Just use the slider under the “Related Posts Columns”  in the Single Post panel to change the number of post columns.

Related Posts Taxonomy

Simply put, taxonomy is a way to group things together. So related post taxonomy is how you want the related posts to be grouped together. You have two pre-defined options to choose from and these are Category and Tag.

Just click over the preferred option under the “Related Posts Taxonomy” label in the Single Post panel to choose one. 

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?