MagSoul PRO Documentation

Introduction

MagSoul PRO is a sophisticated WordPress theme by ThemesDNA, designed to present your content with style and functionality. Built to cater to bloggers, portfolio creators, and content publishers, the theme features a visually engaging grid layout that enhances the browsing experience. With extensive customization options available in the WordPress Customizer, users can tailor headers, footers, colors, fonts, and more, easily creating a unique and polished website appearance.

This premium theme boasts advanced layout flexibility including support for pure CSS or Masonry grids, and allows between 1 to 10 columns for post grids with over 10 grid thumbnail size options. MagSoul PRO also supports diverse page templates, multiple header and footer layouts, and dynamic widgets such as grid/list/tabbed featured posts and ads insertion between posts. The theme fully embraces modern web standards with RTL language support, an integrated news ticker, post likes and views, infinite scroll or load more functionality, and wide social media integration with over 60 social buttons available.

MagSoul PRO ensures a seamless user experience by including sticky headers and sidebars, customizable grid settings on a per-post/page basis, and performance-optimized image sizes. It provides both full and boxed layout types, applying to singular and non-singular pages alike. This makes it an ideal choice for content creators seeking a versatile, feature-rich WordPress theme that balances aesthetic appeal with powerful customization and interactive features.

You can explore the theme live, purchase it, or view a full homepage screenshot using the buttons below:

Current Theme Version: 1.0.4

Theme Installation

After purchasing the MagSoul PRO WordPress Theme, you'll receive a download link via email. Check your email inbox (or spam folder) for the product delivery email. Click the provided download link to download the theme's .zip file to your computer. Follow one of a method given below to install the theme on your website.

Upgrading from the Free MagSoul Theme?

MagSoul PRO is a separate theme. Whether or not you're currently using the free MagSoul theme, you need to install MagSoul PRO using one of the methods below.

If you're upgrading from the free version, most of your existing WordPress Customizer settings will remain in place. So you don't need to reconfigure everything from scratch. However, you will need to reupload a few images and reapply specific color settings.

After activating MagSoul PRO, go to Appearance → Customize and reupload the following:

  • Site Logo
  • Site Icon (favicon)
  • Header Image
  • Background Image

If you changed below color options in the free version, reapply them in Appearance → Customize → Theme Options → Colors:

  • Header Text Color
  • Background Color

Tip: You can install PRO without deleting the free theme. Use Live Preview to confirm your layout, then click Activate & Publish.

Method 1: Install Using the WordPress Dashboard (Easiest and Fastest)

This is the easiest and fastest method to install this WordPress theme.

  1. Go to "WordPress Dashboard" → "Appearance" → "Themes" and click on "Add New" button.
  2. Click on "Upload Theme" button and choose the zip file you have downloaded.
  3. Click on "Install Now" button.
  4. Activate the theme.
  5. Now go to "Appearance" → "Customize" to configure theme options.

Method 2: Install using cPanel File Manager

In some cases, you may not be able to install a WordPress theme through the WordPress dashboard—especially if the theme's ZIP file exceeds the maximum upload size limit. When this happens, you can install the theme using cPanel's File Manager, which is often simpler than using FTP. Follow the steps below to install your theme via the File Manager in cPanel.

  1. Log in to your cPanel account. Your cPanel URL will be https://yourdomain.com/cpanel or a similar URL.
  2. Click on the "File Manager" icon. It's usually under the "Files" section.
  3. You are now in the "File Manager". Open the public_html folder, which is your website's root directory.
  4. Locate the wp-content folder inside "public_html," then open the themes folder inside of it.
  5. In the File Manager interface, click the "Upload" button and choose the theme's .zip file from your local drive.
  6. After it has been uploaded, right-click the .zip file and choose "Extract" or "Unzip".
  7. You can now delete the uploaded .zip file, but it's optional.
  8. Log in to your WordPress dashboard through your web browser.
  9. Go to Appearance → Themes. Now you will see the newly extracted theme.
  10. Make it your active theme by clicking the "Activate" button next to it.

Note: If your hosting provider doesn't offer cPanel, look for a File Manager option in your hosting dashboard (like DirectAdmin, Plesk, or CyberPanel). The process is usually very similar—just find the wp-content/themes folder and upload/extract the theme ZIP file there.

Method 3: Install using FTP

Installing a WordPress theme via FTP is straightforward, though it involves a few more steps compared to using the built-in theme uploader. Here's how to install a WordPress theme using FTP:

  1. Unzip the theme's .zip file you have downloaded.
  2. Connect to your hosting account using an FTP client such as "FileZilla" or "Core FTP".
  3. Navigate to the /wp-content/themes folder in the "Remote site" section.
  4. In the "Local site" section, locate the unzipped theme folder.
  5. Drag and drop the unzipped theme folder from the "Local site" section to the "Remote site" section.
  6. Be patient and let the transfer finish.
  7. Once the transfer is complete, log in to your WordPress dashboard and navigate to Appearance > Themes.
  8. Find the theme you just uploaded and click Activate.

Troubleshooting Tips

  • Didn't receive the download email? Wait 5–10 minutes or check your spam/junk folder. But if you still can not find this email or download link is broken, please inform us. we will send it ASAP.
  • "The uploaded file exceeds the upload_max_filesize directive in php.ini." - If you get this error when following the "Method 1", follow this tutorial: https://themesdna.com/blog/increase-maximum-file-upload-size-wordpress/
  • My menus disappeared or look different. Go to Appearance → Menus → Manage Locations and reassign your menus to the correct locations.
  • My header text or background color looks different after activating PRO. Reapply your colors in Appearance → Customize → Theme Options → Colors for Header Text Color and Background Color. Then publish.
  • Still can't install the theme? Contact us for help.

Import Demo Content

You can import the demo content, widgets, and Customizer settings shown in the MagSoul PRO theme demo using one of the two methods below.

Manual Demo Import

You can also import the content, widgets, and Customizer settings manually by following these three steps:

Step 1: Import Main Site Content

This includes: Posts, pages, menus, media, categories, tags, comments, and custom fields.

  1. Download Content File: Download XML File
  2. Go to Tools → Import.
  3. Under "WordPress", click Install Now if not already installed.
  4. Click Run Importer.
  5. Select the downloaded XML file and click Upload file and import.
  6. Map authors to users, check "Download and import file attachments", and click Submit.

Step 2: Import Widgets

  1. Install and activate the Widget Display Conditions plugin (optional, for visibility control).
  2. Install and activate the Widget Importer & Exporter plugin.
  3. Go to Tools → Widget Importer & Exporter.
  4. Click the "copy and paste" link to open a textarea.
  5. Copy content from: Widgets .wie File and paste into the box.
  6. Click Import Widgets.

Step 3: Import Customizer Settings

  1. Download File: Download Customizer File
  2. Install and activate the Customizer Export/Import plugin.
  3. Go to Appearance → Customize → Export/Import.
  4. Select the downloaded `.dat` file, check "Download and import image files?", and click Import.

Regenerate Thumbnails

If your website already has existing posts with featured images, it's highly recommended to regenerate thumbnails after activating the MagSoul PRO theme. This ensures that all images match the new theme's layout and display sizes.

Regenerating thumbnails is optional if your site is completely new and doesn't have any uploaded images yet.

However, if you imported the demo content, regenerating thumbnails is essential to display images correctly across the site.

  1. Install and activate the Regenerate Thumbnails plugin.
  2. Go to Tools → Regenerate Thumbnails.
  3. Click the "Regenerate Thumbnails for All x Attachments" button to start the process.
  4. Wait until all images are regenerated. This may take a few minutes depending on your media library size.
  5. If you want, you can deactivate and delete the plugin once the process is complete.

This step ensures clean image alignment and sharp visuals throughout your website using the MagSoul PRO theme.

Header Image

Quick Start Guide

MagSoul PRO theme allows users to upload their very own site-wide custom header image with custom title and description to obtain a much more personalized look and feel. Also they can upload an unique header image for each post/page with unique title and description replacing the site-wide header image and its title/description.

There are many header image options in MagSoul PRO:

  1. Header image options in Theme Customizer
  2. Header image options in post edit screen
  3. Header image options in page edit screen

How to Add a Header Image?

There are 3 types of header images in this theme:

  1. Site-wide Header Image : Appearance → Customize → Theme Options → Header Image
  2. Header Images of Posts : Post’s Edit Screen → “Post Settings – MagSoul PRO” Meta Box → Site Header Image
  3. Header Images of Pages : Page’s Edit Screen → “Page Settings – MagSoul PRO” Meta Box → Site Header Image

How to Add a Site-wide Header Image?

Site-wide header image will be displayed everywhere on your website. But if you add a header image to a post/page using settings of that post/page, site-wide header image will be replaced by that header image.

  1. Go to AppearanceCustomizeTheme OptionsHeader Image
  2. Upload your header image using Add new image button.

How to Add a Header Image to a Post?

You can set a different header image for each post.

  1. To set a header image to a post, go to edit screen of that post.
  2. Find the Post Settings - MagSoul PRO meta box.
  3. Add your image URL or upload an image using Site Header Image option.

How to Add a Header Image to a Page?

You can set a different header image for each page. To set a header image to a page, go to edit screen of that page. Find the Page Settings - MagSoul PRO meta box.
Add your image URL or upload an image using Site Header Image option.

How to Add a Custom Title/Description to Header Image?

By default, the theme displays your website's title as the header image title and the tagline as the header image description. However, you can replace both with custom title and description.

First, you need to enable the display of custom header image title and description sitewide. To do this, go to AppearanceCustomizeTheme OptionsHeader Image and check the option Add Custom Title/Custom Description to Header Image and save settings.

Add a Custom Title/Description to Site-wide Header Image:

  1. Go to AppearanceCustomizeTheme OptionsHeader Image
  2. Add your custom header image title to Header Image Custom Title text field.
  3. Add your custom header image description title to Header Image Custom Description text field.
  4. Save settings.

How to Add a Custom Title/Description to the Header Image of a Post?

You can assign a unique title and description to the header image of each post. These will override the sitewide header image title and description.

  1. Go to the edit screen of that post.
  2. Find the Post Settings - MagSoul PRO meta box.
  3. Use Site Header Image Title and Site Header Image Description options for adding a title and a description.
  4. Update the post.

How to Add a Custom Title and Description to the Header Image of a Page?

You can assign a unique title and description to the header image of each page. These will override the sitewide header image title and description.

  1. Go to the edit screen of that page.
  2. Find the Page Settings - MagSoul PRO meta box.
  3. Use Site Header Image Title and Site Header Image Description options for adding a title and a description.
  4. Update the page.

How to Hide Title/Description from Header Image?

  1. Go to AppearanceCustomizeTheme OptionsHeader Image.
  2. Check the option Hide both Title and Description from Header Image and save settings.
  3. Save settings.

Note: This option will hide both header image title and header image description sitewide.

News Ticker

The News Ticker in the MagSoul PRO theme is a lightweight, eye-catching feature that displays your posts in a smooth, horizontal scrolling format at the top of your site. It's perfect for highlighting breaking news, trending updates, or featured content with a continuous stream of headlines that captures visitors' attention. Fully customizable via the WordPress Theme Customizer, you can easily enable or disable the ticker, set a custom label, define the number of posts to display, and filter content by recent posts, a specific category, a specific tag, or manually entered post IDs. This feature adds a dynamic touch to your website while keeping readers informed of key updates.

How to Configure the News Ticker

You can activate and customize it via the WordPress Theme Customizer.

Step 1: Access the News Ticker Options

  1. Go to your WordPress Dashboard.
  2. Navigate to Appearance → Customize.
  3. Click on Theme Options → News Ticker Options.

Step 2: Enable the News Ticker

Find the option Enable News Ticker and toggle the switch to Yes to activate the news ticker on your site.

Step 3: Configure Ticker Options

👉 Check the complete list of "News Ticker Options" available

Step 4: Save Changes

Once you've configured the settings, click the Publish button at the top of the Customizer to apply the changes.

Tips

  • Use Posts by IDs to curate exactly which headlines appear.
  • Use Tag Posts or Category Posts for automated updates within a topic.
  • Adjust duration and width values for responsiveness and readability.

Custom Widgets

Quick Start Guide

To see available widgets and widget areas please navigate to WordPress DashboardAppearanceWidgets. You can drag and drop widgets into widget areas you like. Widgets page will look like this: MagPal PRO Widgets and Widget Areas

There are 6 custom widgets bundled with the MagSoul PRO theme.

  1. MagSoul Grid Posts Widget
  2. MagSoul List Posts Widget
  3. MagSoul Tabbed Widget
  4. MagSoul Grid Ads Widget
  5. MagSoul Banner Widget
  6. MagSoul About and Social Widget

MagSoul Grid Posts Widget

This widget displays a grid of posts based on recent posts, a selected category, a selected tag, or specific post IDs. The posts can be sorted by number of likes, number of views, number of comments, published date, modified date, or in random order.

Below is the complete list of options available in the "MagSoul Grid Posts Widget":

Option ID Option Name Description Control Type Accepted Value Default
title Title Widget title displayed above the post grid. Text A plain text. MagSoul Grid Posts Widget
post_column Choose Posts Columns Style Number of columns used in the grid layout. Select

One of the values below:

  • 1 Column
  • 2 Columns
  • 3 Columns
  • 4 Columns
  • 5 Columns
  • 6 Columns
  • 7 Columns
  • 8 Columns
  • 9 Columns
  • 10 Columns
6 Columns
thumb_style Choose Featured Images Size Thumbnail size used for post images. Select

One of the values below:

  • 100:100 Thumbnails
  • 360:180 Thumbnails
  • 360:216 Thumbnails
  • 360:270 Thumbnails
  • 360:300 Thumbnails
  • 360:360 Thumbnails
  • 360:480 Thumbnails
  • 360:540 Thumbnails
  • 360:Auto Thumbnails
  • 675:360 Thumbnails
  • 675:Auto Thumbnails
  • 880:500 Thumbnails
  • 880:Auto Thumbnails
  • 1218:660 Thumbnails
  • 1218:Auto Thumbnails
  • Original Size
  • Custom Size
360:270 Thumbnails
posts_per_page Number of posts to show Number of posts to display. Text A positive whole number. 6
show_title Display Post Titles? Show post titles. Checkbox true / false true
title_link Link Post Titles to Their Posts URLs? Make post titles link to posts. Checkbox true / false true
limit_title Limit the Length of Post Titles? Limit post title length. Checkbox true / false false
title_length Post Titles length (number of words) Number of words to show in limited title. Text A positive whole number. 6
thumbnail_link Link Featured Images to Their Posts? Make featured images link to posts. Checkbox true / false true
show_author Display Post Authors? Display post author. Checkbox true / false true
show_date Display Post Dates? Display post date. Checkbox true / false true
date_type Post Date Type Type of date to display (published/updated). Select

One of the values below:

  • Published
  • Updated
Published
dateformat Post Date Format Date format to use (e.g., Y-m-d). Text

A date format.

Check available date formats
Y-m-d
show_comments Display Number of Comments? Display comment count. Checkbox true / false false
comments_count_full Display Comment Texts instead of Comments Counts Show full comment texts (e.g., "0 Comment", "1 Comment"). Checkbox true / false false
show_likes Display Post Likes? Display post likes. Checkbox true / false true
show_views Display Post Views? Display post views. Checkbox true / false true
post_title_font_size Post Titles Font-Size Font size for post titles. Select

One of the preset values between 8px and 72px.

15px
post_meta_font_size Post Meta Font-Size Font size for post meta (author/date/comments/likes/views). Select

One of the preset values between 8px and 72px.

11px
title_height Minimum Height for Post Titles Minimum CSS height for post titles to help equalize grid item heights. Text A CSS size (e.g., 50px). (empty)
show_viewall Display View All Button? Show a "View All" button next to the widget title that links to the selected category/tag. Checkbox true / false false
viewall_text View All Button Text Text label of the "View All" button. Text A plain text. View All
ajax_navigation Show AJAX Navigation? Show Next/Prev buttons to paginate the grid via AJAX. Checkbox true / false true
page_numbers Show Page Numbers when using AJAX Navigation? Display the current page and total number of pages under the grid. Checkbox true / false true
post_type Choose the Post Type to display Source of posts: recent, category, tag, or IDs. Select

One of the values below:

  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
featured_cat Select a Category (If post type option is "Category Posts") Selected category (for category posts). Select A category name. (empty)
featured_tag Select a Tag (If post type option is "Tag Posts") Selected tag (for tag posts). Select A tag name. (empty)
orderby Orderby Sort posts by dates, likes, views, comments, etc. Select

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Published Date
order Order Sort posts in ASC (lowest/oldest to highest/newest) or DESC (highest/newest to lowest/oldest) order. Select

One of the values below:

  • Ascending order
  • Descending order
Descending order
include_posts Display these posts (if Post Type is "Posts by IDs") Include only these post IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
exclude_posts Exclude these posts Exclude these post IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)

MagSoul List Posts Widget

This widget displays a list of posts based on recent posts, a selected category, a selected tag, or specific post IDs. The posts can be sorted by number of likes, number of views, number of comments, published date, modified date, or in random order.

Below is the complete list of options available in the "MagSoul List Posts Widget":

Option ID Option Name Description Control Type Accepted Value Default
title Title Widget title displayed above the post list. Text A plain text. MagSoul List Posts Widget
posts_per_page Number of posts to show How many posts to list. Text A positive whole number. 3
show_title Display Post Titles? Show post titles. Checkbox true / false true
title_link Link Post Titles to their post URLs? Make titles clickable. Checkbox true / false true
limit_title Limit the length of Post Titles? Truncate long titles. Checkbox true / false false
title_length Post Title length (words) Number of words to keep when titles are limited. Text A positive whole number. 6
show_thumbnail Display Post Thumbnails? Show featured images (100 × 100 size). Checkbox true / false true
thumbnail_link Link Post Thumbnails to their posts? Make thumbnails clickable. Checkbox true / false true
show_author Display Post Authors? Show author name. Checkbox true / false false
show_date Display Post Dates? Show publish/updated date. Checkbox true / false true
date_type Post Date Type Type of date to display (published/updated). Select

One of the values below:

  • Published
  • Updated
Published
dateformat Post Date Format PHP date-format string (e.g. Y-m-d). Text

A date format.

Check available date formats
Y-m-d
show_comments Display Number of Comments? Show total comments count. Checkbox true / false true
show_likes Display Post Likes? Show post likes count. Checkbox true / false true
show_views Display Post Views? Show post views count. Checkbox true / false true
show_snippet Display Post Snippets? Show post snippet. Checkbox true / false true
snippet_type Post Snippet Type Source for the snippet text. Select

One of the values below:

  • Post Content
  • Post Excerpt
Post Content
snippet_length Post Snippet length (words) Number of words to keep in snippet. Text A positive whole number. 20
show_sharebtns Display Share Buttons? Overlay share buttons on the thumbnail. Checkbox true / false true
post_title_font_size Post Titles Font-Size Font size for post titles. Select One of: 8px to 72px (1px increments). 15px
post_meta_font_size Post Meta Font-Size Font size for author/date/comments line. Select One of: 8px to 72px (1px increments). 11px
post_snippet_font_size Post Snippet Font-Size Font size for the snippet text. Select One of: 8px to 72px (1px increments). 13px
show_viewall Display "View All" link? Show a "View All" link next to the widget title (applies to Category/Tag posts). Checkbox true / false false
viewall_text View All link text Text displayed for the "View All" link. Text A plain text. View All
ajax_navigation AJAX Navigation Enable AJAX Next/Previous buttons for the list. Checkbox true / false true
page_numbers Show page numbers in AJAX navigation Display "Page X of Y" text alongside the AJAX buttons. Checkbox true / false true
post_type Choose the Post Type to display Where the list pulls posts from. Select

One of the values below:

  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
featured_cat Select a Category (if Post Type = "Category Posts") Term to filter by. Select A category. (empty)
featured_tag Select a Tag (if Post Type = "Tag Posts") Term to filter by. Select A tag. (empty)
orderby Order by Metric used to sort the posts. Select

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Published Date
order Order Ascending or descending sort. Select

One of the values below:

  • Ascending order
  • Descending order
Descending order
include_posts Display these posts (if Post Type = "Posts by IDs") Only show the given IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456). (empty)
exclude_posts Exclude these posts Hide the given IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456). (empty)

MagSoul Tabbed Widget

This widget displays 3 lists of posts. Each list is based on recent posts, a selected category, a selected tag, or specific post IDs. Each post list can be sorted by number of likes, number of views, number of comments, published date, modified date, or in random order.

Below is the complete list of options available in the "MagSoul Tabbed Widget":

Option ID Option Name Description Control Type Accepted Value Default
title Title Widget title displayed above the tab block. Text A plain text. Tabbed Widget
show_tabone Display Tab 1 (Popular Posts)? Toggle visibility of Tab 1. Checkbox true / false true
show_tabtwo Display Tab 2 (Recent Posts)? Toggle visibility of Tab 2. Checkbox true / false true
show_tabthree Display Tab 3 (Random Posts)? Toggle visibility of Tab 3. Checkbox true / false true
tabone_name Tab 1 Name Text shown on the first tab. Text A plain text. Popular
tabtwo_name Tab 2 Name Text shown on the second tab. Text A plain text. Recent
tabthree_name Tab 3 Name Text shown on the third tab. Text A plain text. Random
tabone_posts_per_page Posts per page on Tab 1 How many posts Tab 1 lists. Text A positive whole number. 3
tabtwo_posts_per_page Posts per page on Tab 2 How many posts Tab 2 lists. Text A positive whole number. 3
tabthree_posts_per_page Posts per page on Tab 3 How many posts Tab 3 lists. Text A positive whole number. 3
show_title Display Post Titles? Show post titles. Checkbox true / false true
title_link Link Post Titles to their post URLs? Make titles clickable. Checkbox true / false true
limit_title Limit the length of Post Titles? Trim long titles to a set number of words. Checkbox true / false false
title_length Post Title length (words) Word count when limiting titles. Text A positive whole number. 6
show_thumbnail Display Post Thumbnail? Show featured image (100 × 100). Checkbox true / false true
show_author Display Post Authors? Show author name. Checkbox true / false false
show_date Display Post Dates? Show publish/updated date. Checkbox true / false true
date_type Post Date Type Type of date to display (published/updated). Select

One of the values below:

  • Published
  • Updated
Published
dateformat Post Date Format PHP date-format string (e.g. Y-m-d). Text

A date format.

Check available date formats
Y-m-d
show_comments Display Number of Comments? Show total comment count. Checkbox true / false true
show_likes Display Post Likes? Show post likes count. Checkbox true / false true
show_views Display Post Views? Show post views count. Checkbox true / false true
show_snippet Display Post Snippets? Show post snippet. Checkbox true / false true
thumbnail_link Link Post Thumbnails to their post URLs? Make thumbnails clickable. Checkbox true / false true
post_title_font_size Post Title Font Size Font size for post titles. Select

One of the values below:

  • Inherit
  • Small
  • Normal
  • Large
Normal
post_meta_font_size Post Meta Font Size Font size for post meta (author/date/comments). Select

One of the values below:

  • Inherit
  • Small
  • Normal
  • Large
Normal
post_snippet_font_size Post Snippet Font Size Font size for post snippet. Select

One of the values below:

  • Inherit
  • Small
  • Normal
  • Large
Normal
center_tabs Center Tabs? Centers the tab headings. Checkbox true / false false
ajax_navigation Use AJAX navigation? Enable AJAX pagination for tabs. Checkbox true / false false
page_numbers Display page numbers? Show numbered pagination for tabs. Checkbox true / false false
snippet_type Post Snippet Type Source for snippet text. Select

One of the values below:

  • Post Content
  • Post Excerpt
Post Content
snippet_length Post Snippet length (words) Number of words to keep in snippet. Text A positive whole number. 20
show_sharebtns Display Share Buttons? Overlay share buttons on thumbnails. Checkbox true / false true
tabone_post_type Choose Tab 1 Post Type to display Where Tab 1 pulls posts from. Select

One of the values below:

  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
tabone_featured_cat Select Tab 1 Category (if Post Type = "Category Posts") Filter Tab 1 by category. Select A category name. (empty)
tabone_featured_tag Select Tab 1 Tag (if Post Type = "Tag Posts") Filter Tab 1 by tag. Select A tag name. (empty)
tabone_include_posts Display these posts in Tab 1 Comma-separated IDs (used when Post Type = "Posts by IDs"). Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabone_exclude_posts Exclude these posts from Tab 1 Comma-separated IDs to hide. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabone_orderby Tab 1 Orderby Metric used to sort Tab 1. Select

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Published Date
tabone_order Tab 1 Order Ascending/descending sort. Select

One of the values below:

  • Ascending order
  • Descending order
Descending order
tabtwo_post_type Choose Tab 2 Post Type to display Where Tab 2 pulls posts from. Select

One of the values below:

  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
tabtwo_featured_cat Select Tab 2 Category Filter Tab 2 by category. Select A category name. (empty)
tabtwo_featured_tag Select Tab 2 Tag Filter Tab 2 by tag. Select A tag name. (empty)
tabtwo_include_posts Display these posts in Tab 2 Comma-separated IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabtwo_exclude_posts Exclude these posts from Tab 2 Comma-separated IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabtwo_orderby Tab 2 Orderby Metric used to sort Tab 2. Select

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Published Date
tabtwo_order Tab 2 Order Ascending/descending sort. Select

Ascending order / Descending order

Descending order
tabthree_post_type Choose Tab 3 Post Type to display Where Tab 3 pulls posts from. Select

One of the values below:

  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
tabthree_featured_cat Select Tab 3 Category Filter Tab 3 by category. Select A category name. (empty)
tabthree_featured_tag Select Tab 3 Tag Filter Tab 3 by tag. Select A tag name. (empty)
tabthree_include_posts Display these posts in Tab 3 Comma-separated IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabthree_exclude_posts Exclude these posts from Tab 3 Comma-separated IDs. Text A comma-separated list of post IDs without spaces (e.g. 123,456) (empty)
tabthree_orderby Tab 3 Orderby Metric used to sort Tab 3. Select

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Random
tabthree_order Tab 3 Order Ascending/descending sort. Select

Ascending order / Descending order

Descending order

MagPal About and Social Widget

This widget lets you add an image and description about you with social buttons. It has 60+ social buttons.

  • Profile image – Paste any avatar or logo URL.
  • Short bio – Plain-text or safe-HTML description where you introduce yourself, the site, or a call-to-action.
  • 55 + social networks – From Facebook, X (Twitter), Instagram and LinkedIn to GitHub, TikTok, Mastodon, Bluesky, PayPal and RSS. Leave any field blank to hide its icon.
  • Icon style switch – Tick "Round buttons" to toggle between classic square or modern pill-shaped icons.
Option ID Option Name Description Control Type Accepted Value Default
title Title Widget title displayed above the profile block. Text A plain text. About and Social Widget
image Profile Image URL Add your profile image URL. Text Full image URL (with http or https). (empty)
description Description Short bio or tagline shown under the image. Textarea Plain text or safe HTML. (empty)
round_buttons Display round social buttons? Toggle between round and square icon style. Checkbox true / false false
Social Profiles
facebook Facebook URL Link to your Facebook page/profile. Text Full URL (empty)
twitter X URL Link to your X (formerly Twitter) profile. Text Full URL (empty)
threads Threads URL Link to your Threads profile. Text Full URL (empty)
pinterest Pinterest URL Link to your Pinterest profile. Text Full URL (empty)
linkedin LinkedIn URL Link to your LinkedIn page/profile. Text Full URL (empty)
instagram Instagram URL Link to your Instagram profile. Text Full URL (empty)
flickr Flickr URL Link to your Flickr profile. Text Full URL (empty)
youtube YouTube URL Link to your YouTube channel. Text Full URL (empty)
vimeo Vimeo URL Link to your Vimeo profile. Text Full URL (empty)
soundcloud SoundCloud URL Link to your SoundCloud profile. Text Full URL (empty)
messenger Messenger URL Facebook Messenger link. Text Full URL (empty)
whatsapp WhatsApp URL Full click-to-chat link (e.g. https://wa.me/...). Text Full URL (empty)
tiktok TikTok URL Link to your TikTok profile. Text Full URL (empty)
lastfm Last.fm URL Link to your Last.fm profile. Text Full URL (empty)
medium Medium URL Link to your Medium publication/profile. Text Full URL (empty)
github GitHub URL Link to your GitHub profile. Text Full URL (empty)
bitbucket Bitbucket URL Link to your Bitbucket profile. Text Full URL (empty)
tumblr Tumblr URL Link to your Tumblr blog. Text Full URL (empty)
digg Digg URL Link to your Digg profile. Text Full URL (empty)
delicious Delicious URL Link to your Delicious bookmarks. Text Full URL (empty)
stumbleupon StumbleUpon URL Link to your StumbleUpon profile. Text Full URL (empty)
mix Mix URL Link to your Mix.com profile. Text Full URL (empty)
reddit Reddit URL Link to your Reddit user or subreddit. Text Full URL (empty)
dribbble Dribbble URL Link to your Dribbble portfolio. Text Full URL (empty)
flipboard Flipboard URL Link to your Flipboard magazine. Text Full URL (empty)
blogger Blogger URL Link to your Blogger blog. Text Full URL (empty)
etsy Etsy URL Link to your Etsy shop. Text Full URL (empty)
behance Behance URL Link to your Behance portfolio. Text Full URL (empty)
amazon Amazon URL Link to your Amazon profile/storefront. Text Full URL (empty)
meetup Meetup URL Link to your Meetup group/profile. Text Full URL (empty)
mixcloud Mixcloud URL Link to your Mixcloud page. Text Full URL (empty)
slack Slack URL Invitation link to your Slack workspace. Text Full URL (empty)
snapchat Snapchat URL Snapchat profile link. Text Full URL (empty)
spotify Spotify URL Link to your Spotify artist/profile. Text Full URL (empty)
vk VK URL Link to your VK profile. Text Full URL (empty)
yelp Yelp URL Link to your Yelp listing. Text Full URL (empty)
wp WordPress URL Link to your WordPress.org profile. Text Full URL (empty)
twitch Twitch URL Link to your Twitch channel. Text Full URL (empty)
telegram Telegram URL Public Telegram channel/group link. Text Full URL (empty)
bandcamp Bandcamp URL Link to your Bandcamp page. Text Full URL (empty)
quora Quora URL Link to your Quora profile. Text Full URL (empty)
foursquare Foursquare URL Link to your Foursquare profile. Text Full URL (empty)
deviantart DeviantArt URL Link to your DeviantArt profile. Text Full URL (empty)
imdb IMDb URL Link to your IMDb page. Text Full URL (empty)
codepen CodePen URL Link to your CodePen profile. Text Full URL (empty)
jsfiddle JSFiddle URL Link to your JSFiddle profile. Text Full URL (empty)
stackoverflow Stack Overflow URL Link to your Stack Overflow profile. Text Full URL (empty)
stackexchange Stack Exchange URL Link to your Stack Exchange network profile. Text Full URL (empty)
buysellads BuySellAds URL Link to your BuySellAds account. Text Full URL (empty)
web500px 500px URL Link to your 500px portfolio. Text Full URL (empty)
ello Ello URL Link to your Ello profile. Text Full URL (empty)
discord Discord URL Link to your Discord profile. Text Full URL (empty)
goodreads Goodreads URL Link to your Goodreads profile. Text Full URL (empty)
odnoklassniki Odnoklassniki URL Link to your OK profile. Text Full URL (empty)
houzz Houzz URL Link to your Houzz profile. Text Full URL (empty)
pocket Pocket URL Link to your Pocket profile. Text Full URL (empty)
xing XING URL Link to your XING profile. Text Full URL (empty)
mastodon Mastodon URL Link to your Mastodon account. Text Full URL (empty)
googleplay Google Play URL Link to your Google Play developer page. Text Full URL (empty)
slideshare SlideShare URL Link to your SlideShare profile. Text Full URL (empty)
dropbox Dropbox URL Link to your public Dropbox folder/profile. Text Full URL (empty)
paypal PayPal URL PayPal.Me or donation link. Text Full URL (empty)
viadeo Viadeo URL Link to your Viadeo profile. Text Full URL (empty)
wikipedia Wikipedia URL Link to your Wikipedia page. Text Full URL (empty)
skype Skype URL Skype call/chat link (e.g. skype:username?chat). Text Skype username (empty)
envelope Email Address `mailto:` link for email contact. Text Email address (empty)
rss RSS URL Custom RSS or Atom feed URL. Text Full URL (empty)

MagSoul Grid Ads Widget

The Grid Ads Widget lets you inject any custom content—banner ads, affiliate blocks, promo videos, newsletter opt-ins, or even shortcodes—directly inside the post grid. Instead of interrupting the layout with a bulky ad spot, the widget slips a responsive block neatly between two posts at the exact position you choose, keeping the masonry layout intact and boosting visibility without hurting UX.

Key features

  • Flexible content — paste raw HTML, JavaScript ad tags, or Gutenberg blocks/shortcodes.
  • Precise placement — show the ad after the 2nd, 5th, 10th, and so on, post in the grid.
  • Context targeting — restrict display to the homepage, archive pages, search results, category pages, tag pages, and so on.
  • One-click enable/disable — hide an ad temporarily without deleting the code.

Important: Add this widget only to the Grid Ads Widgets area (Appearance → Widgets → Grid Ads Widgets). That dedicated sidebar is injected into the grid template—widgets placed elsewhere will not show up.

Need a hand? Watch the step-by-step setup video: How to add Grid Ads Widgets.

Widget Areas

There are 50 widget areas in the MagSoul PRO theme.


  1. Header Right Widgets

    This widget area is located on the right side of the header of your web page. You can drag and drop a "Custom HTML" widget into this widget area and add your 728×90 banner ad code into that widget. You need to select "Header Layout" as "Logo + Header Banner" from theme options to display this widget area.

  2. Sidebar 1 Widgets

    This widget area is located on the left-hand side of your web page.

  3. Sidebar 2 Widgets

    This widget area is located on the right-hand side of your web page.

  4. Top Full Width Widgets (Default HomePage)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  5. Top Full Width Widgets (Static HomePage)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  6. Top Full Width Widgets (not Static HomePage)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  7. Top Full Width Widgets (Single Pages)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  8. Top Full Width Widgets (Singular Pages)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  9. Top Full Width Widgets (Everywhere)

    This full-width widget area is located after the header of your website. Widgets of this widget area are displayed on every page of your website.

  10. Above Content Widgets (Default HomePage)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  11. Above Content Widgets (Static HomePage)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  12. Above Content Widgets (not Static HomePage)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  13. Above Content Widgets (Single Pages)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  14. Above Content Widgets (Singular Pages)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  15. Above Content Widgets (Everywhere)

    This widget area is located at the top of the main content (above posts) of your website. Widgets of this widget area are displayed on every page of your website.

  16. Top Left Widgets (Default HomePage)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  17. Top Left Widgets (Static HomePage)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  18. Top Left Widgets (not Static HomePage)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  19. Top Left Widgets (Single Pages)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  20. Top Left Widgets (Singular Pages)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  21. Top Left Widgets (Everywhere)

    This widget area is located at the left top of your website. Widgets of this widget area are displayed on every page of your website.

  22. Top Right Widgets (Default HomePage)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  23. Top Right Widgets (Static HomePage)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  24. Top Right Widgets (not Static HomePage)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  25. Top Right Widgets (Single Pages)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  26. Top Right Widgets (Singular Pages)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  27. Top Right Widgets (Everywhere)

    This widget area is located at the right top of your website. Widgets of this widget area are displayed on every page of your website.

  28. Below Content Widgets (Default HomePage)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  29. Below Content Widgets (Static HomePage)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  30. Below Content Widgets (not Static HomePage)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  31. Below Content Widgets (Single Pages)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  32. Below Content Widgets (Singular Pages)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  33. Below Content Widgets (Everywhere)

    This widget area is located at the bottom of the main content (below posts) of your website. Widgets of this widget area are displayed on every page of your website.

  34. Bottom Full Width Widgets (Default HomePage)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on the default homepage of your website (when you are showing your latest posts on homepage).

  35. Bottom Full Width Widgets (Static HomePage)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on the static homepage of your website (when you are using a static page as your homepage).

  36. Bottom Full Width Widgets (not Static HomePage)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on every page except on static homepage of your website.

  37. Bottom Full Width Widgets (Single Pages)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on single post of any post type (except attachments and pages) of your website.

  38. Bottom Full Width Widgets (Singular Pages)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on single post of any post type (including attachments and pages) of your website.

  39. Bottom Full Width Widgets (Everywhere)

    This full-width widget area is located before the footer of your website. Widgets of this widget area are displayed on every page of your website.

  40. Single Post Bottom Widgets

    This widget area is located at the bottom of single post of any post type (except attachments and pages).

  41. Footer Top Widgets

    This widget area is located on the top of the footer of your website.

  42. Footer 1 Widgets

    This widget area is the column 1 of the footer of your website.

  43. Footer 2 Widgets

    This widget area is the column 2 of the footer of your website.

  44. Footer 3 Widgets

    This widget area is the column 3 of the footer of your website.

  45. Footer 4 Widgets

    This widget area is the column 4 of the footer of your website.

  46. Footer 5 Widgets

    This widget area is the column 5 of the footer of your website.

  47. Footer 6 Widgets

    This widget area is the column 6 of the footer of your website.

  48. Footer Bottom Widgets

    This widget area is located on the bottom of the footer of your website.

  49. 404 Page Widgets

    This widget area is located on the 404(not found) page of your website.

  50. Grid Ads Widgets

    This widget area is used to display content/ads between posts of your posts grid.
    Important: Only add "MagSoul Grid Ads Widget" into this widgets area.

How to Control Widget Visibility by Location

1. If you'd like to display a widget in specific locations only, please begin by installing and activating the Widget Display Conditions or Widget Context plugin.

2. Drag and drop your widget into any of the widget areas below:

  1. Header Right Widgets
  2. Sidebar 1 Widgets
  3. Sidebar 2 Widgets
  4. Top Full Width Widgets (Everywhere)
  5. Above Content Widgets (Everywhere)
  6. Top Left Widgets (Everywhere)
  7. Top Right Widgets (Everywhere)
  8. Below Content Widgets (Everywhere)
  9. Bottom Full Width Widgets (Everywhere)
  10. Footer Top Widgets
  11. Footer 1 Widgets
  12. Footer 2 Widgets
  13. Footer 3 Widgets
  14. Footer 4 Widgets
  15. Footer 5 Widgets
  16. Footer 6 Widgets
  17. Footer Bottom Widgets

3. If you are using Widget Display Conditions plugin, you will see a button called Display conditions at the bottom of your widget settings. Click on that button.

4. Now click on Add group button.

5. Set your widget display conditions and click save.

Custom Page Templates

MagSoul PRO includes 28 custom templates that let you create pages and posts with unique layouts beyond the default design. You can assign these templates when editing any page or post, whether you're using the Classic Editor or the Gutenberg Block Editor.

  • "Featured Content" Page: Used to display featured post widgets (grid, list, tabbed) instead of the regular page content. Ideal for showcasing selected posts in a visually engaging layout.
  • "Contact Form" Page: Adds a simple, built-in contact form that visitors can use to reach you. No extra plugin needed.
  • "Authors" Page: Shows a list of all authors on your site with avatars, bios, and post counts. Great for multi-author blogs.
  • "Sitemap" Page: Displays a full list of your site's pages, categories, tags, and archives for easy navigation and SEO.
  • "Full Width, no sidebar" Page/Post: Creates a page or post that uses the full width of the screen without any sidebar.
  • "Full Width, bottom sidebar" Page/Post: Creates a page or post that uses the full width of the screen with the sidebar placed at the bottom.
  • 12 Content + Sidebar Layouts: Various arrangements of content and sidebars for both pages and posts.

How to Assign a Custom Template:

  1. Go to PagesAdd New or edit an existing page (or Posts for post templates).
  2. Look for the Template option:
    • In Gutenberg: Make sure the right sidebar is visible. Then click the Page or Post tab and scroll down to find the Template option.
    • In Classic Editor: Make sure the Page Attributes box is enabled via the Screen Options tab at the top right. Then, locate it in the right sidebar and use the Template dropdown.
  3. Select the desired template.
  4. Click Publish or Update to apply the template.

Contact Form Page

Purpose

The Contact Form template adds a simple, built-in contact form to your page without needing any extra plugins.

Where to Find It

When creating or editing a page, look for "Contact Form" in the Template dropdown menu.

Key Options

You need to set your email address in the Theme Customizer for the form to work:

  1. Go to AppearanceCustomize
  2. Open Theme OptionsPage Templates Options
  3. Enter your email address in the Contact Form Email Address field
  4. Click Publish

Notable Behaviors

The form includes fields for Name, Email, Subject, and Message. All fields are required. Messages are sent to the email address you set in the Customizer. If you don't set an email address, the form won't send messages.

Authors Page

Purpose

The Authors template displays a list of all authors on your site, showing their names, avatars, bios, and social profiles.

Where to Find It

When creating or editing a page, look for "Authors" in the Template dropdown menu.

Key Options

You can customize which authors appear:

  1. Go to AppearanceCustomize
  2. Navigate to Theme OptionsPage Templates Options
  3. You can choose to hide site administrators or authors with zero posts
  4. Click Publish to save your changes

Notable Behaviors

Only users with the Author role or higher will appear. Each author's bio and social links come from their WordPress profile settings.

Sitemap Page

Purpose

The Sitemap template creates a page that automatically lists all your site's content to help visitors and search engines navigate your site.

Where to Find It

When creating or editing a page, look for "Sitemap" in the Template dropdown menu.

Key Options

This template has no special options - it automatically displays all your content.

Notable Behaviors

The page shows lists of all your Pages, Categories, Tags, Monthly Archives, and Authors. It updates automatically when you add new content.

Full Width Templates (No Sidebar)

Purpose

These templates create pages or posts that use the full width of your screen with no sidebar, giving you more space for your content.

Where to Find It

When creating or editing a page or post, look for these templates in the Template dropdown menu:

  • "Full Width, no sidebar" for pages
  • "Full Width, no sidebar" for posts

Key Options

These templates have no special options - they simply remove the sidebar to give you more space.

Notable Behaviors

Your content will stretch across the full width of the screen. This is great for pages with lots of content or for showcasing images.

Full Width Templates (Bottom Sidebar)

Purpose

These templates create pages or posts that use the full width of your screen but place the sidebar at the bottom of the page.

Where to Find It

When creating or editing a page or post, look for these templates in the Template dropdown menu:

  • "Full Width, bottom sidebar" for pages
  • "Full Width, bottom sidebar" for posts

Key Options

These templates have no special options - they move the sidebar to the bottom while keeping the full width layout.

Notable Behaviors

Your content will stretch across the full width of the screen, with the sidebar appearing below your content. This keeps the wide content area while still showing your widgets.

Content + Sidebar Layouts

Purpose

MagSoul PRO offers 12 different layout combinations for both pages and posts, allowing you to arrange your content and sidebars in various ways to suit your needs.

Available Layouts

These layouts are available for both pages and posts:

  • Content + Sidebar 1: Main content on the left with Sidebar 1 on the right
  • Content + Sidebar 2: Main content on the left with Sidebar 2 on the right
  • Sidebar 1 + Content: Sidebar 1 on the left with main content on the right
  • Sidebar 2 + Content: Sidebar 2 on the left with main content on the right
  • Content + Sidebar 1 + Sidebar 2: Main content on the left with both sidebars on the right
  • Content + Sidebar 2 + Sidebar 1: Main content on the left with both sidebars on the right (Sidebar 2 first)
  • Sidebar 1 + Content + Sidebar 2: Sidebar 1 on the left, content in the middle, Sidebar 2 on the right
  • Sidebar 2 + Content + Sidebar 1: Sidebar 2 on the left, content in the middle, Sidebar 1 on the right
  • Sidebar 1 + Sidebar 2 + Content: Both sidebars on the left with content on the right
  • Sidebar 2 + Sidebar 1 + Content: Both sidebars on the left with content on the right (Sidebar 2 first)

Where to Find Them

When creating or editing a page or post, look for these templates in the Template dropdown menu. Each layout is available for both pages and posts.

Key Options

These templates use the standard WordPress widget areas for sidebars. You can add widgets to "Sidebar 1" and "Sidebar 2" through the WordPress Widgets editor.

Notable Behaviors

These layouts give you complete control over how your content and sidebars are arranged. The sidebars will display the widgets you've added to them in the WordPress Widgets editor.

Customizer Theme Options

To see available WordPress Customizer theme options:

  1. Go to your WordPress Dashboard.
  2. Navigate to Appearance → Customize.
  3. Click on Theme Options.

Site Identity Options

Below is the complete list of Site Identity Options available:

Option ID Option Name Description Control Type Accepted Value Default
custom_logo Logo Image ID of the custom logo uploaded through the Customizer. Media Uploader Integer (attachment ID) 0 (none)
logo_location Logo Location Choose where to display the site logo relative to the site title / tagline. Dropdown

One of the values below:

  • Before Site Title and Tagline
  • Above Site Title and Tagline
Above Site Title and Tagline
limit_logo_width Do not Limit the Logo Width Turn on or off do not Limit the Logo Width. Checkbox true / false false
logo_max_width Max Width of the Logo CSS max-width value applied to the logo (only works if “Limit the Logo Width” is enabled). Text A CSS length (e.g. px, em, %). 300px
blogname Site Title Main title of the website shown in the header, browser-tabs, and search-results. Text A string “My WordPress Site” (installer-set)
blogdescription Tagline Short descriptive sentence (appears next to or below the title when supported by the theme). Text A string “Just another WordPress site”
display_header_text Display Site Title & Tagline Toggles whether the title/tagline are printed on the front-end. When off they remain in the markup for accessibility but are hidden with CSS. Checkbox true / false true
site_icon Site Icon (Favicon) Image ID for the favicon/app-icon (512 × 512 px recommended). Used in browser tabs, bookmark tiles and WP mobile app. Media Uploader Integer (attachment ID) 0 (none)

Header Image Options

Below is the complete list of Header Image Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_header_imageHide Header Image from EverywhereTurn on or off hide Header Image from Everywhere.Checkboxtrue / falsefalse
remove_header_image_linkRemove Link from Header ImageTurn on or off remove Link from Header Image.Checkboxtrue / falsefalse
hide_header_image_detailsHide both Title and Description from Header ImageIf you checked this option, header image title and description will be hidden from all screen sizes.Checkboxtrue / falsefalse
hide_header_image_titleHide Title from Header ImageIf you checked this option, header image title will be hidden from all screen sizes. This option has no effect if you have checked the option: "Hide both Title and Description from Header Image"Checkboxtrue / falsefalse
hide_header_image_descriptionHide Description from Header ImageIf you checked this option, header image description will be hidden from all screen sizes. This option has no effect if you have checked the option: "Hide both Title and Description from Header Image"Checkboxtrue / falsefalse
header_image_title_mobileShow Header Image Title on Smaller ScreensThis option has no effect if you have checked any of these options: "Hide both Title and Description from Header Image", "Hide Title from Header Image"Checkboxtrue / falsefalse
header_image_description_mobileShow Header Image Description on Smaller ScreensThis option has no effect if you have checked any of these options: "Hide both Title and Description from Header Image", "Hide Description from Header Image"Checkboxtrue / falsefalse
header_image_custom_textAdd Custom Title/Custom Description to Header ImageTurn on or off add Custom Title/Custom Description to Header Image.Checkboxtrue / falsefalse
header_image_custom_titleHeader Image Custom TitleSet the header Image Custom Title.Text InputText string(empty)
header_image_custom_descriptionHeader Image Custom DescriptionSet the header Image Custom Description.Text InputText string(empty)
header_image_destinationHeader Image Destination URLEnter the URL a visitor should go when he/she click on the header image. If you did not enter a URL below, header image will be linked to the homepage of your website.URL InputValid URL(empty)
header_image_coverAdd a Minimum Height to Header Image on Smaller ScreensTurn on or off add a Minimum Height to Header Image on Smaller Screens.Checkboxtrue / falsefalse
header_image_height_mobileHeader Image Minimum Height on Smaller ScreensEnter the minimum height value for header image height. Default is 200px
Note: This option has no effect until you check "Add a Minimum Height to Header Image on Smaller Screens" option.
Text InputText string200px
header_image_alt_textHeader Image Alt TextSet the header Image Alt Text.Text InputText string(empty)

Colors Options

Below is the complete list of Colors Options available:

Option ID Option Name Description Control Type Accepted Value Default
header_text_hover_colorHeader Hover Text ColorPick the Header Hover Text Color.Color PickerHex color code (e.g. #ffffff)#dddddd
body_text_colorMain Text ColorPick the Main Text Color.Color PickerHex color code (e.g. #ffffff)#555555
link_colorMain Link ColorPick the Main Link Color.Color PickerHex color code (e.g. #ffffff)#666666
link_hover_colorMain Link Hover ColorPick the Main Link Hover Color.Color PickerHex color code (e.g. #ffffff)#000000
headings_colorGeneral Headings ColorPick the General Headings Color.Color PickerHex color code (e.g. #ffffff)#111111
header_bg_colorHeader Background ColorPick the Header Background Color.Color PickerHex color code (e.g. #ffffff)#16181e
header_bsh_colorHeader Box-Shadow ColorDefault value is: 0 2px 5px rgba(0,0,0,0.5)

To remove this box-shadow, enter value: none
Text InputText string0 2px 5px rgba(0,0,0,0.5)
header_search_bg_colorHeader Search Box Background ColorPick the Header Search Box Background Color.Color PickerHex color code (e.g. #ffffff)#e0e0e0
header_search_bd_colorHeader Search Box Border ColorPick the Header Search Box Border Color.Color PickerHex color code (e.g. #ffffff)#666666
header_image_title_colorHeader Image Area Title ColorPick the Header Image Area Title Color.Color PickerHex color code (e.g. #ffffff)#ffffff
header_image_title_hover_colorHeader Image Area Title Hover ColorPick the Header Image Area Title Hover Color.Color PickerHex color code (e.g. #ffffff)#ffffff
header_image_desc_colorHeader Image Area Description ColorPick the Header Image Area Description Color.Color PickerHex color code (e.g. #ffffff)#ffffff
primary_menu_colors_textPrimary Menu ColorsSet the primary Menu Colors.Text InputText string(empty)
primary_menu_colorPrimary Menu Link ColorPick the Primary Menu Link Color.Color PickerHex color code (e.g. #ffffff)#ffffff
primary_menu_shadow_colorPrimary Menu Link Shadow ColorPick the Primary Menu Link Shadow Color.Color PickerHex color code (e.g. #ffffff)#000000
primary_menu_hover_colorPrimary Menu Link Hover ColorPick the Primary Menu Link Hover Color.Color PickerHex color code (e.g. #ffffff)#ffffff
primary_menu_hover_bg_colorPrimary Menu Link Hover Background ColorPick the Primary Menu Link Hover Background Color.Color PickerHex color code (e.g. #ffffff)#000000
primary_submenu_one_bg_colorPrimary Sub Menu Background ColorPick the Primary Sub Menu Background Color.Color PickerHex color code (e.g. #ffffff)#333333
primary_submenu_bd_colorPrimary Sub Menu Border ColorPick the Primary Sub Menu Border Color.Color PickerHex color code (e.g. #ffffff)#555555
primary_menu_icon_colorPrimary Responsive Menu Icon ColorPick the Primary Responsive Menu Icon Color.Color PickerHex color code (e.g. #ffffff)#ffffff
secondary_menu_colors_textSecondary Menu ColorsSet the secondary Menu Colors.Text InputText string(empty)
secondary_menu_bg_colorSecondary Menu Background ColorPick the Secondary Menu Background Color.Color PickerHex color code (e.g. #ffffff)#111111
secondary_menu_bd_colorSecondary Menu Border ColorPick the Secondary Menu Border Color.Color PickerHex color code (e.g. #ffffff)#333333
secondary_menu_colorSecondary Menu Link ColorPick the Secondary Menu Link Color.Color PickerHex color code (e.g. #ffffff)#ffffff
secondary_menu_shadow_colorSecondary Menu Link Shadow ColorPick the Secondary Menu Link Shadow Color.Color PickerHex color code (e.g. #ffffff)#000000
secondary_menu_hover_colorSecondary Menu Link Hover ColorPick the Secondary Menu Link Hover Color.Color PickerHex color code (e.g. #ffffff)#dddddd
secondary_menu_hover_bg_colorSecondary Menu Link Hover Background ColorPick the Secondary Menu Link Hover Background Color.Color PickerHex color code (e.g. #ffffff)#000000
secondary_submenu_one_bg_colorSecondary Sub Menu Background ColorPick the Secondary Sub Menu Background Color.Color PickerHex color code (e.g. #ffffff)#222222
secondary_submenu_one_bd_colorSecondary Sub Menu Border ColorPick the Secondary Sub Menu Border Color.Color PickerHex color code (e.g. #ffffff)#444444
secondary_menu_icon_colorSecondary Responsive Menu Icon ColorPick the Secondary Responsive Menu Icon Color.Color PickerHex color code (e.g. #ffffff)#ffffff
news_ticker_colors_textNews Ticker ColorsSet the news Ticker Colors.Text InputText string(empty)
news_ticker_bg_colorNews Ticker Background ColorPick the News Ticker Background Color.Color PickerHex color code (e.g. #ffffff)#e0e0e0
news_ticker_heading_colorNews Ticker Heading ColorPick the News Ticker Heading Color.Color PickerHex color code (e.g. #ffffff)#ffffff
news_ticker_heading_bg_colorNews Ticker Heading Background ColorPick the News Ticker Heading Background Color.Color PickerHex color code (e.g. #ffffff)#3498db
news_ticker_date_colorNews Ticker Dates Text ColorPick the News Ticker Dates Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
news_ticker_date_bg_colorNews Ticker Dates Background ColorPick the News Ticker Dates Background Color.Color PickerHex color code (e.g. #ffffff)#222222
news_ticker_text_colorNews Ticker Text ColorPick the News Ticker Text Color.Color PickerHex color code (e.g. #ffffff)#000000
news_ticker_hover_text_colorNews Ticker Hover Text ColorPick the News Ticker Hover Text Color.Color PickerHex color code (e.g. #ffffff)#222222
singular_posts_colors_textSingle Posts ColorsSet the single Posts Colors.Text InputText string(empty)
content_bg_colorSingle Posts Background ColorPick the Single Posts Background Color.Color PickerHex color code (e.g. #ffffff)#ffffff
content_bd_one_colorSingle Posts Border ColorPick the Single Posts Border Color.Color PickerHex color code (e.g. #ffffff)#dddddd
post_title_colorSingle Post Title ColorPick the Single Post Title Color.Color PickerHex color code (e.g. #ffffff)#000000
post_title_shadow_colorSingle Post Title Shadow ColorPick the Single Post Title Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
post_title_hover_colorSingle Post Title Hover ColorPick the Single Post Title Hover Color.Color PickerHex color code (e.g. #ffffff)#333333
post_body_link_colorPost Content Link ColorPick the Post Content Link Color.Color PickerHex color code (e.g. #ffffff)#409BD4
post_body_link_hover_colorPost Content Link Hover ColorPick the Post Content Link Hover Color.Color PickerHex color code (e.g. #ffffff)#08ACD5
post_meta_colorSingle Post Meta ColorPick the Single Post Meta Color.Color PickerHex color code (e.g. #ffffff)#666666
post_meta_hover_colorSingle Post Meta Hover ColorPick the Single Post Meta Hover Color.Color PickerHex color code (e.g. #ffffff)#000000
author_bio_bg_colorAuthor Bio Box Background ColorPick the Author Bio Box Background Color.Color PickerHex color code (e.g. #ffffff)#f2f2f2
author_bio_bd_colorAuthor Bio Box Border 1 ColorPick the Author Bio Box Border 1 Color.Color PickerHex color code (e.g. #ffffff)#dddddd
author_bio_bd_two_colorAuthor Bio Box Border 2 ColorPick the Author Bio Box Border 2 Color.Color PickerHex color code (e.g. #ffffff)#ffffff
author_bio_colorAuthor Bio Box Text ColorPick the Author Bio Box Text Color.Color PickerHex color code (e.g. #ffffff)#555555
author_bio_link_colorAuthor Bio Box Link ColorPick the Author Bio Box Link Color.Color PickerHex color code (e.g. #ffffff)#111111
author_bio_link_hover_colorAuthor Bio Box Link Hover ColorPick the Author Bio Box Link Hover Color.Color PickerHex color code (e.g. #ffffff)#409BD4
list_posts_colors_textList Posts ColorsSet the list Posts Colors.Text InputText string(empty)
list_post_title_colorList Post Title ColorPick the List Post Title Color.Color PickerHex color code (e.g. #ffffff)#000000
list_post_title_hover_colorList Post Title Hover ColorPick the List Post Title Hover Color.Color PickerHex color code (e.g. #ffffff)#333333
list_post_meta_colorList Post Meta ColorPick the List Post Meta Color.Color PickerHex color code (e.g. #ffffff)#3498db
list_post_meta_hover_colorList Post Meta Hover ColorPick the List Post Meta Hover Color.Color PickerHex color code (e.g. #ffffff)#000000
grid_posts_colors_textGrid Posts ColorsSet the grid Posts Colors.Text InputText string(empty)
grid_post_bsh_colorGrid Post Box-Shadow ColorDefault value is: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset

To remove this box-shadow, enter value: none
Text InputText string0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
grid_post_title_colorGrid Post Title ColorPick the Grid Post Title Color.Color PickerHex color code (e.g. #ffffff)#000000
grid_post_title_shadow_colorGrid Post Title Shadow ColorPick the Grid Post Title Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
grid_post_title_hover_colorGrid Post Title Hover ColorPick the Grid Post Title Hover Color.Color PickerHex color code (e.g. #ffffff)#0064ff
grid_post_meta_bg_colorGrid Post Meta Background ColorDefault value is: rgba(0,0,0,0.6)Text InputText stringrgba(0,0,0,0.6)
grid_post_meta_colorGrid Post Meta ColorPick the Grid Post Meta Color.Color PickerHex color code (e.g. #ffffff)#ffffff
grid_post_meta_shadow_colorGrid Post Meta Shadow ColorPick the Grid Post Meta Shadow Color.Color PickerHex color code (e.g. #ffffff)#000000
grid_post_meta_hover_colorGrid Post Meta Hover ColorPick the Grid Post Meta Hover Color.Color PickerHex color code (e.g. #ffffff)#eeeeee
loadmore_colorAjax Load More Button / Navigation Links ColorPick the Ajax Load More Button / Navigation Links Color.Color PickerHex color code (e.g. #ffffff)#ffffff
loadmore_bg_colorAjax Load More Button / Navigation Links Background ColorPick the Ajax Load More Button / Navigation Links Background Color.Color PickerHex color code (e.g. #ffffff)#333333
loadmore_bd_colorAjax Load More Button / Navigation Links Border ColorPick the Ajax Load More Button / Navigation Links Border Color.Color PickerHex color code (e.g. #ffffff)#555555
loadmore_hover_colorAjax Load More Button / Navigation Links Hover ColorPick the Ajax Load More Button / Navigation Links Hover Color.Color PickerHex color code (e.g. #ffffff)#ffffff
loadmore_bg_hover_colorAjax Load More Button / Navigation Links Hover Background ColorPick the Ajax Load More Button / Navigation Links Hover Background Color.Color PickerHex color code (e.g. #ffffff)#3498db
loadmore_bd_hover_colorAjax Load More Button / Navigation Links Hover Border ColorPick the Ajax Load More Button / Navigation Links Hover Border Color.Color PickerHex color code (e.g. #ffffff)#000000
loading_bg_colorAjax Loading Animation Background ColorPick the Ajax Loading Animation Background Color.Color PickerHex color code (e.g. #ffffff)#0a87db
rposts_colorMini Related Posts Title ColorPick the Mini Related Posts Title Color.Color PickerHex color code (e.g. #ffffff)#000000
rposts_shadow_colorMini Related Posts Title Shadow ColorPick the Mini Related Posts Title Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
rposts_hover_colorMini Related Posts Title Hover ColorPick the Mini Related Posts Title Hover Color.Color PickerHex color code (e.g. #ffffff)#409BD4
pagination_colorPosts Pagination Links ColorPick the Posts Pagination Links Color.Color PickerHex color code (e.g. #ffffff)#444444
pagination_bg_colorPosts Pagination Links Background ColorPick the Posts Pagination Links Background Color.Color PickerHex color code (e.g. #ffffff)#eeeeee
pagination_bd_colorPosts Pagination Links Border ColorPick the Posts Pagination Links Border Color.Color PickerHex color code (e.g. #ffffff)#cccccc
pagination_hover_colorPosts Pagination Links Hover ColorPick the Posts Pagination Links Hover Color.Color PickerHex color code (e.g. #ffffff)#000000
pagination_bg_hover_colorPosts Pagination Links Hover Background ColorPick the Posts Pagination Links Hover Background Color.Color PickerHex color code (e.g. #ffffff)#dddddd
pagination_bd_hover_colorPosts Pagination Links Hover Border ColorPick the Posts Pagination Links Hover Border Color.Color PickerHex color code (e.g. #ffffff)#bbbbbb
likes_colorPost Likes Button / Post Views ColorPick the Post Likes Button / Post Views Color.Color PickerHex color code (e.g. #ffffff)#ffffff
likes_hover_colorPost Likes Button Hover ColorPick the Post Likes Button Hover Color.Color PickerHex color code (e.g. #ffffff)#ff0000
sidebar_colors_textWidgets ColorsSet the widgets Colors.Text InputText string(empty)
sidebar_title_colorWidgets Titles Text ColorPick the Widgets Titles Text Color.Color PickerHex color code (e.g. #ffffff)#000000
disable_sidebar_title_shadowDisable Widgets Titles Text-Shadow ColorDisable Widgets Titles Text-Shadow ColorCheckboxtrue / falsefalse
sidebar_title_shadow_colorWidgets Titles Text-Shadow ColorPick the Widgets Titles Text-Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
sidebar_title_link_colorWidgets Titles Link ColorPick the Widgets Titles Link Color.Color PickerHex color code (e.g. #ffffff)#2196f3
sidebar_title_link_hover_colorWidgets Titles Link Hover ColorPick the Widgets Titles Link Hover Color.Color PickerHex color code (e.g. #ffffff)#0261ac
sidebar_link_colorWidgets Link ColorPick the Widgets Link Color.Color PickerHex color code (e.g. #ffffff)#444444
sidebar_link_hover_colorWidgets Link Hover ColorPick the Widgets Link Hover Color.Color PickerHex color code (e.g. #ffffff)#666666
archive_title_colorArchive Page Titles ColorPick the Archive Page Titles Color.Color PickerHex color code (e.g. #ffffff)#000000
archive_title_shadow_colorArchive Page Titles Shadow ColorPick the Archive Page Titles Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
comments_title_colorComments Titles ColorPick the Comments Titles Color.Color PickerHex color code (e.g. #ffffff)#000000
comments_title_shadow_colorComments Titles Shadow ColorPick the Comments Titles Shadow Color.Color PickerHex color code (e.g. #ffffff)#ffffff
tag_cloud_colorTag Cloud Link ColorPick the Tag Cloud Link Color.Color PickerHex color code (e.g. #ffffff)#ffffff
tag_cloud_bg_colorTag Cloud Link BackgroundPick the tag Cloud Link Background color.Color PickerHex color code (e.g. #ffffff)#555555
tag_cloud_bd_colorTag Cloud Link BorderPick the tag Cloud Link Border color.Color PickerHex color code (e.g. #ffffff)#646464
tag_cloud_hover_colorTag Cloud Link Hover ColorPick the Tag Cloud Link Hover Color.Color PickerHex color code (e.g. #ffffff)#000000
tag_cloud_hover_bg_colorTag Cloud Link Hover BackgroundPick the tag Cloud Link Hover Background color.Color PickerHex color code (e.g. #ffffff)#dddddd
tag_cloud_hover_bd_colorTag Cloud Link Hover BorderPick the tag Cloud Link Hover Border color.Color PickerHex color code (e.g. #ffffff)#cccccc
tabnames_colorTabbed Widget Names ColorPick the Tabbed Widget Names Color.Color PickerHex color code (e.g. #ffffff)#ffffff
tabnames_bg_colorTabbed Widget Names Background ColorPick the Tabbed Widget Names Background Color.Color PickerHex color code (e.g. #ffffff)#000000
tabnames_hover_colorTabbed Widget Names Hover ColorPick the Tabbed Widget Names Hover Color.Color PickerHex color code (e.g. #ffffff)#ffffff
tabnames_bg_hover_colorTabbed Widget Names Hover Background ColorPick the Tabbed Widget Names Hover Background Color.Color PickerHex color code (e.g. #ffffff)#3498db
footer_colors_textFooter ColorsSet the footer Colors.Text InputText string(empty)
footer_bg_colorFooter Background ColorPick the Footer Background Color.Color PickerHex color code (e.g. #ffffff)#222222
footer_text_colorFooter Text ColorPick the Footer Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
footer_link_colorFooter Link ColorPick the Footer Link Color.Color PickerHex color code (e.g. #ffffff)#eeeeee
footer_link_hover_colorFooter Link Hover ColorPick the Footer Link Hover Color.Color PickerHex color code (e.g. #ffffff)#ffffff
footer_title_colorFooter Title ColorPick the Footer Title Color.Color PickerHex color code (e.g. #ffffff)#ffffff
cp_bg_colorCopyrights Background ColorPick the Copyrights Background Color.Color PickerHex color code (e.g. #ffffff)#1e1e1e
cp_bd_colorCopyrights Border ColorPick the Copyrights Border Color.Color PickerHex color code (e.g. #ffffff)#333333
cp_colorCopyrights Text ColorPick the Copyrights Text Color.Color PickerHex color code (e.g. #ffffff)#dddddd
cp_hover_colorCopyrights Hover Text ColorPick the Copyrights Hover Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
comment_colors_textComments ColorsSet the comments Colors.Text InputText string(empty)
comment_bd_color_oneComments Border ColorPick the Comments Border Color.Color PickerHex color code (e.g. #ffffff)#eaeaea
comment_bg_color_oneComments Background Color 1Pick the Comments Background Color 1.Color PickerHex color code (e.g. #ffffff)#f5f5f5
comment_bg_color_twoComments Background Color 2Pick the Comments Background Color 2.Color PickerHex color code (e.g. #ffffff)#fbfbfb
comment_meta_colorComments Meta ColorPick the Comments Meta Color.Color PickerHex color code (e.g. #ffffff)#888888
input_colors_textInput Elements ColorsSet the input Elements Colors.Text InputText string(empty)
button_text_colorButton Text ColorPick the Button Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
button_bg_colorButton Background ColorPick the Button Background Color.Color PickerHex color code (e.g. #ffffff)#333333
button_bd_colorButton Border ColorPick the Button Border Color.Color PickerHex color code (e.g. #ffffff)#e6e6e6
button_hover_bg_colorButton Hover Background ColorPick the Button Hover Background Color.Color PickerHex color code (e.g. #ffffff)#3498db
input_text_colorInput Text ColorPick the Input Text Color.Color PickerHex color code (e.g. #ffffff)#666666
input_bd_colorInput Border ColorPick the Input Border Color.Color PickerHex color code (e.g. #ffffff)#dddddd
input_hover_text_colorInput Hover Text ColorPick the Input Hover Text Color.Color PickerHex color code (e.g. #ffffff)#111111
selected_text_colors_textSelected Text ColorsSet the selected Text Colors.Text InputText string(empty)
selected_text_colorSelected Text ColorPick the Selected Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
selected_text_bg_colorSelected Text Background ColorPick the Selected Text Background Color.Color PickerHex color code (e.g. #ffffff)#333333
hr_colors_texthr (horizontal rule) tag ColorsSet the hr (horizontal rule) tag Colors.Text InputText string(empty)
hr_bg_colorhr Tag Background ColorPick the hr Tag Background Color.Color PickerHex color code (e.g. #ffffff)#ffffff
hr_bd_top_colorhr Tag Top Border ColorPick the hr Tag Top Border Color.Color PickerHex color code (e.g. #ffffff)#e6e6e6
hr_bd_bottom_colorhr Tag Bottom Border ColorPick the hr Tag Bottom Border Color.Color PickerHex color code (e.g. #ffffff)#f6f6f6
hr_shadow_colorhr Tag Box Shadow ColorPick the hr Tag Box Shadow Color.Color PickerHex color code (e.g. #ffffff)#f2f2f2
pre_colors_textpre Tag ColorsSet the pre Tag Colors.Text InputText string(empty)
pre_bg_colorpre Tag Background ColorPick the pre Tag Background Color.Color PickerHex color code (e.g. #ffffff)#1d1f21
pre_colorpre Tag Text ColorPick the pre Tag Text Color.Color PickerHex color code (e.g. #ffffff)#ffffff
code_colors_textcode Tag ColorsSet the code Tag Colors.Text InputText string(empty)
code_bg_colorcode Tag Background ColorPick the code Tag Background Color.Color PickerHex color code (e.g. #ffffff)#ffffe0
code_colorcode Tag Text ColorPick the code Tag Text Color.Color PickerHex color code (e.g. #ffffff)#222222
disable_color_optionsDisable All Color OptionsIf you check this option, all above colors options will have no effect. Default colors of the theme will be used. It may be help to improve the speed of the site. You can still change colors adding custom CSS to "Additional CSS" area in Customizer.

Note: After activating/deactivating this option, click on "Publish" button to save Customizer options. After that refresh Customizer before doing other changes in Customizer.
Checkboxtrue / falsefalse

Font Options

Below is the complete list of Font Options available:

Option ID Option Name Description Control Type Accepted Value Default
body_fontsBody Font-FamilyPick a font for body text. Default is Poppins.DropdownMixed (depends on setting)Poppins
body_font_sizeBody Font-SizeChoose body font size. Default is 13px.Dropdown8px - 72px13px
post_body_font_sizeSingle Post Body Font-SizeChoose single post body font size. Default is 13px.Dropdown8px - 72px13px
body_font_weightBody Font-WeightChoose body font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
body_font_styleBody Font-StyleChoose body font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
body_line_heightBody Line-HeightEnter body line height. Default is 1.6.Text InputText string1.6
post_snippets_line_heightGrid Post Snippets Line-HeightEnter grid post snippets line height. Default is 1.6.Text InputText string1.6
post_body_line_heightSingle Post Body Line-HeightEnter single post body line height. Default is 1.7.Text InputText string1.7
site_title_fontsSite Title Font-FamilyPick a font for site title. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
site_title_font_sizeSite Title Font-SizeChoose site title font size. Default is 22px.Dropdown8px - 72px22px
site_title_font_weightSite Title Font-WeightChoose site title font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
site_title_font_styleSite Title Font-StyleChoose site title font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
site_title_line_heightSite Title Line-HeightEnter site title line height. Default is 1.Text InputText string1
site_title_text_transformSite Title Text TransformSelect the text-transform property value for site title.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
site_desc_fontsSite Description Font-FamilyPick a font for site description. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
site_desc_font_sizeSite Description Font-SizeChoose site description font size. Default is 13px.Dropdown8px - 72px13px
site_desc_font_weightSite Description Font-WeightChoose site description font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
site_desc_font_styleSite Description Font-StyleChoose site description font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
site_desc_line_heightSite Description Line-HeightEnter site description line height. Default is 1.Text InputText string1
site_desc_text_transformSite Description Text TransformSelect the text-transform property value for site description.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
header_image_title_fontsHeader Image Title Font-FamilyPick a font for header image title. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
header_image_title_font_sizeHeader Image Title Font-SizeChoose header image title font size. Default is 22px.Dropdown8px - 72px22px
header_image_title_font_weightHeader Image Title Font-WeightChoose header image title font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
header_image_title_font_styleHeader Image Title Font-StyleChoose header image title font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
header_image_title_line_heightHeader Image Title Line-HeightEnter header image title line height. Default is 1.Text InputText string1
header_image_title_text_transformHeader Image Title Text TransformSelect the text-transform property value for header image title.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
header_image_desc_fontsHeader Image Description Font-FamilyPick a font for header image description. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
header_image_desc_font_sizeHeader Image Description Font-SizeChoose header image description font size. Default is 13px.Dropdown8px - 72px13px
header_image_desc_font_weightHeader Image Description Font-WeightChoose header image description font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
header_image_desc_font_styleHeader Image Description Font-StyleChoose header image description font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
header_image_desc_line_heightHeader Image Description Line-HeightEnter header image description line height. Default is 1.Text InputText string1
header_image_desc_text_transformHeader Image Description Text TransformSelect the text-transform property value for header image description.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
primary_menu_fontsPrimary Menu Font-FamilyPick a font for the primary menu. Default is Oswald.DropdownMixed (depends on setting)Oswald
primary_menu_font_sizePrimary Menu Font-SizeChoose primary menu font size. Default is 13px.Dropdown8px - 72px13px
primary_menu_font_weightPrimary Menu Font-WeightChoose primary menu font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
primary_menu_font_stylePrimary Menu Font-StyleChoose primary menu font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
primary_menu_text_transformPrimary Menu Text TransformSelect the text-transform property value for primary menu.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
secondary_menu_fontsSecondary Menu Font-FamilyPick a font for the secondary menu. Default is Oswald.DropdownMixed (depends on setting)Oswald
secondary_menu_font_sizeSecondary Menu Font-SizeChoose secondary menu font size. Default is 13px.Dropdown8px - 72px13px
secondary_menu_font_weightSecondary Menu Font-WeightChoose secondary menu font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
secondary_menu_font_styleSecondary Menu Font-StyleChoose secondary menu font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
secondary_menu_text_transformSecondary Menu Text TransformSelect the text-transform property value for secondary menu.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
news_ticker_fontsNews Ticker Font-FamilyPick a font for the news ticker. Default is Oswald.DropdownMixed (depends on setting)Oswald
news_ticker_font_sizeNews Ticker Font-SizeChoose news ticker font size. Default is 12px.Dropdown8px - 72px12px
news_ticker_font_weightNews Ticker Font-WeightChoose news ticker font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
news_ticker_font_styleNews Ticker Font-StyleChoose news ticker font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
news_ticker_text_transformNews Ticker Text TransformSelect the text-transform property value for news ticker.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
grid_post_title_fontsGrid Post Titles Font-FamilyPick a font for grid post titles. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
grid_post_title_font_sizeGrid Post Titles Font-SizeChoose grid post titles font size. Default is 15px.Dropdown8px - 72px15px
grid_post_title_font_weightGrid Post Titles Font-WeightChoose grid post titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
grid_post_title_font_styleGrid Post Titles Font-StyleChoose grid post titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
grid_post_title_line_heightGrid Post Titles Line-HeightEnter grid post titles line height. Default is 1.6.Text InputText string1.6
grid_post_title_text_transformGrid Post Titles Text TransformSelect the text-transform property value for grid post titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
grid_post_meta_fontsGrid Post Meta Font-FamilyPick a font for grid post meta. Default is Oswald.DropdownMixed (depends on setting)Oswald
grid_post_meta_font_sizeGrid Post Meta Font-SizeChoose grid post meta font size. Default is 11px.Dropdown8px - 72px11px
grid_post_meta_font_weightGrid Post Meta Font-WeightChoose grid post meta font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
grid_post_meta_font_styleGrid Post Meta Font-StyleChoose grid post meta font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
grid_post_meta_text_transformGrid Post Meta Text TransformSelect the text-transform property value for grid post meta.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
list_post_title_fontsList Post Titles Font-FamilyPick a font for list post titles. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
list_post_title_font_sizeList Post Titles Font-SizeChoose list post titles font size. Default is 15px.Dropdown8px - 72px15px
list_post_title_font_weightList Post Titles Font-WeightChoose list post titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
list_post_title_font_styleList Post Titles Font-StyleChoose list post titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
list_post_title_line_heightList Post Titles Line-HeightEnter list post titles line height. Default is 1.2.Text InputText string1.2
list_post_title_text_transformList Post Titles Text TransformSelect the text-transform property value for list post titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
list_post_meta_fontsList Post Meta Font-FamilyPick a font for list post meta. Default is Oswald.DropdownMixed (depends on setting)Oswald
list_post_meta_font_sizeList Post Meta Font-SizeChoose list post meta font size. Default is 11px.Dropdown8px - 72px11px
list_post_meta_font_weightList Post Meta Font-WeightChoose list post meta font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
list_post_meta_font_styleList Post Meta Font-StyleChoose list post meta font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
list_post_meta_text_transformList Post Meta Text TransformSelect the text-transform property value for list post meta.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
single_post_title_fontsPost Titles Font-FamilyPick a font for post titles. Default is Poppins.DropdownMixed (depends on setting)Poppins
single_post_title_font_sizePost Titles Font-SizeChoose post titles font size. Default is 24px.Dropdown8px - 72px24px
single_post_title_font_weightPost Titles Font-WeightChoose post titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
single_post_title_font_stylePost Titles Font-StyleChoose post titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
single_post_title_line_heightPost Titles Line-HeightEnter post titles line height. Default is 1.2.Text InputText string1.2
single_post_title_text_transformPost Titles Text TransformSelect the text-transform property value for post titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
single_post_meta_fontsList Post Meta Font-FamilyPick a font for list post meta. Default is Oswald.DropdownMixed (depends on setting)Oswald
single_post_meta_font_sizeList Post Meta Font-SizeChoose list post meta font size. Default is 12px.Dropdown8px - 72px12px
single_post_meta_font_weightList Post Meta Font-WeightChoose list post meta font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
single_post_meta_font_styleList Post Meta Font-StyleChoose list post meta font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
single_post_meta_text_transformList Post Meta Text TransformSelect the text-transform property value for list post meta.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
related_post_title_fontsRelated Post Titles Font-FamilyPick a font for related post titles. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
related_post_title_font_sizeRelated Post Titles Font-SizeChoose related post titles font size. Default is 15px.Dropdown8px - 72px15px
related_post_title_font_weightRelated Post Titles Font-WeightChoose related post titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
related_post_title_font_styleRelated Post Titles Font-StyleChoose related post titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
related_post_title_line_heightRelated Post Titles Line-HeightEnter related post titles line height. Default is 1.2.Text InputText string1.2
related_post_title_text_transformRelated Post Titles Text TransformSelect the text-transform property value for related post titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
widget_title_fontsMain/Sidebars Widget Titles Font-FamilyPick a font for sidebar widget titles. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
widget_title_font_sizeMain/Sidebars Titles Font-SizeChoose main/sidebar titles font size. Default is 17px.Dropdown8px - 72px17px
widget_title_font_weightMain/Sidebars Titles Font-WeightChoose main/sidebar titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
widget_title_font_styleMain/Sidebars Titles Font-StyleChoose main/sidebar titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
sidebar_title_line_heightMain/Sidebars Titles Line-HeightEnter main/sidebar titles line height. Default is 1.Text InputText string1
widget_title_text_transformMain/Sidebars Titles Text TransformSelect the text-transform property value for main/sidebars titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
footer_title_fontsFooter Widget Title Font-FamilyPick a font for footer widget titles. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
footer_title_font_sizeFooter Title Font-SizeChoose footer title font size. Default is 17px.Dropdown8px - 72px17px
footer_title_font_weightFooter Title Font-WeightChoose footer title font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
footer_title_font_styleFooter Title Font-StyleChoose footer title font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
footer_title_line_heightFooter Title Line-HeightEnter footer title line height. Default is 1.Text InputText string1
footer_title_text_transformFooter Title Text TransformSelect the text-transform property value for footer title.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
archive_title_fontsArchive Page Titles Font-FamilyPick a font for archive page titles. Default is Poppins.DropdownMixed (depends on setting)Poppins
archive_title_font_sizeArchive Page Titles Font-SizeChoose archive page titles font size. Default is 24px.Dropdown8px - 72px24px
archive_title_font_weightArchive Page Titles Font-WeightChoose archive page titles font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
archive_title_font_styleArchive Page Titles Font-StyleChoose archive page titles font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
archive_title_line_heightArchive Page Titles Line-HeightEnter archive page titles line height. Default is 1.Text InputText string1
archive_title_text_transformArchive Page Titles Text TransformSelect the text-transform property value for archive page titles.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
comments_title_fontsComments Titles Font-FamilyPick a font for comments titles / related posts heading. Default is Poppins.DropdownMixed (depends on setting)Poppins
comments_title_font_sizeComments Titles Font-SizeChoose comments titles / related posts heading font size. Default is 18px.Dropdown8px - 72px18px
comments_title_font_weightComments Titles Font-WeightChoose comments titles / related posts heading font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
comments_title_font_styleComments Titles Font-StyleChoose comments titles / related posts heading font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
comments_title_line_heightComments Titles Line-HeightEnter comments titles / related posts heading line height. Default is 1.1.Text InputText string1.1
comments_title_text_transformComments Titles Text TransformSelect the text-transform property value for comments titles / related posts heading.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
navigation_fontsPosts Navigation Font-FamilyPick a font for posts navigation. Default is Encode Sans Condensed.DropdownMixed (depends on setting)Encode Sans Condensed
navigation_font_sizePosts Navigation Font-SizeChoose posts navigation font size. Default is 15px.Dropdown8px - 72px15px
navigation_font_weightPosts Navigation Font-WeightChoose posts navigation font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
navigation_font_stylePosts Navigation Font-StyleChoose posts navigation font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
navigation_text_transformPosts Navigation Text TransformSelect the text-transform property value for posts navigation.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
tag_cloud_fontsTag Cloud Widget Font-FamilyPick a font for the tag cloud widget. Default is Oswald.DropdownMixed (depends on setting)Oswald
tag_cloud_font_sizeTag Cloud Widget Font-SizeChoose tag cloud widget font size. Default is 12px.Dropdown8px - 72px12px
tag_cloud_font_weightTag Cloud Widget Font-WeightChoose tag cloud widget font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
tag_cloud_font_styleTag Cloud Widget Font-StyleChoose tag cloud widget font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
tag_cloud_text_transformTag Cloud Widget Text TransformSelect the text-transform property value for tag cloud widget.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
headings_fontsGeneral Headings Font-FamilyPick a font for general headings. Default is Poppins.DropdownMixed (depends on setting)Poppins
headings_line_heightGeneral Headings Line-HeightEnter general headings line height. Default is 1.Text InputText string1
headings_text_transformGeneral Headings Text TransformSelect the text-transform property value for general headings.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
None
h1_font_sizeH1 Font-SizeChoose H1 font size. Default is 32px.Dropdown8px - 72px32px
h1_font_weightH1 Font-WeightChoose H1 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h1_font_styleH1 Font-StyleChoose H1 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
h2_font_sizeH2 Font-SizeChoose H2 font size. Default is 28px.Dropdown8px - 72px28px
h2_font_weightH2 Font-WeightChoose H2 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h2_font_styleH2 Font-StyleChoose H2 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
h3_font_sizeH3 Font-SizeChoose H3 font size. Default is 24px.Dropdown8px - 72px24px
h3_font_weightH3 Font-WeightChoose H3 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h3_font_styleH3 Font-StyleChoose H3 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
h4_font_sizeH4 Font-SizeChoose H4 font size. Default is 20px.Dropdown8px - 72px20px
h4_font_weightH4 Font-WeightChoose H4 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h4_font_styleH4 Font-StyleChoose H4 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
h5_font_sizeH5 Font-SizeChoose H5 font size. Default is 18px.Dropdown8px - 72px18px
h5_font_weightH5 Font-WeightChoose H5 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h5_font_styleH5 Font-StyleChoose H5 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
h6_font_sizeH6 Font-SizeChoose H6 font size. Default is 16px.Dropdown8px - 72px16px
h6_font_weightH6 Font-WeightChoose H6 font weight. Default is 700.Dropdown
  • 400
  • 500
  • 700
700
h6_font_styleH6 Font-StyleChoose H6 font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
button_fontsButtons Font-FamilyPick a font for buttons. Default is Oswald.DropdownMixed (depends on setting)Oswald
button_font_sizeButtons Font-SizeChoose buttons font size. Default is 13px.Dropdown8px - 72px13px
button_font_weightButtons Font-WeightChoose buttons font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
button_font_styleButtons Font-StyleChoose buttons font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
button_text_transformButtons Text TransformSelect the text-transform property value for buttons.Dropdown
  • None
  • Capitalize
  • Uppercase
  • Lowercase
  • Initial
  • Inherit
Uppercase
pre_fontspre/code Tags Font-FamilyPick a font for pre/code tags. Default is Consolas.DropdownMixed (depends on setting)Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
pre_font_sizepre/code Tags Font-SizeChoose pre/code tags font size. Default is 15px.Dropdown8px - 72px15px
pre_font_weightpre/code Tags Font-WeightChoose pre/code tags font weight. Default is 400.Dropdown
  • 400
  • 500
  • 700
400
pre_font_stylepre/code Tags Font-StyleChoose pre/code tags font style. Default is normal.Dropdown
  • Normal
  • Italic
Normal
disable_google_fontsDisable Google FontsIf you check this option, theme will stop loading Google fonts. You can select non Google fonts from font options. Check this option if you do not like Google fonts or need to improve the speed of your website.

Note: After activating/deactivating this option, click on "Publish" button to save Customizer options. After that refresh Customizer before doing other changes in Customizer.
Checkboxtrue / falsefalse
disable_font_optionsDisable All Font OptionsIf you check this option, all above fonts options will have no effect. Default fonts of the theme will be used. It may be help to improve the speed of the site. You can still change fonts adding custom CSS to "Additional CSS" area in Customizer.

Note: After activating/deactivating this option, click on "Publish" button to save Customizer options. After that refresh Customizer before doing other changes in Customizer.
Checkboxtrue / falsefalse

Menu Options

Below is the complete list of Menu Options available:

Option ID Option Name Description Control Type Accepted Value Default
primary_menu_text Primary Menu (Header Menu) Mobile Text Custom text to display for the primary menu toggle button on mobile devices. Text A text string (empty)
disable_primary_menu Disable Primary Menu (Header Menu) Completely disable the primary menu (header menu) from the site. Checkbox true / false false
disable_responsive_primary_menu Disable Responsiveness (Mobile View) from Primary Menu Disable the responsive/mobile view functionality of the primary menu (header menu). Checkbox true / false false
secondary_menu_text Secondary Menu Mobile Text Custom text to display for the secondary menu toggle button on mobile devices. Text A text string Menu
disable_secondary_menu Disable Secondary Menu Completely disable the secondary menu from the site. Checkbox true / false false
disable_responsive_secondary_menu Disable Responsiveness (Mobile View) from Secondary Menu Disable the responsive/mobile view functionality of the secondary menu. Checkbox true / false false
secondary_menu_location Select Secondary Menu Location Select where you want to display secondary menu. Dropdown

One of the values below:

  • before-header (Before Header)
  • after-header (After Header)
  • before-footer (Before Footer)
  • after-footer (After Footer)
before-footer
no_center_secondary_menu Do Not Center Secondary Menu Disable center alignment for the secondary menu items. Checkbox true / false false
secondary_menu_container_plural_width Secondary Menu Width (non-singular pages) Enter the width of the secondary menu of your website on the screens larger than 1277px (secondary menu width of non-single post types). Text A CSS length value (e.g., 1550px, 98%) 1550px
secondary_menu_container_singular_width Secondary Menu Width (singular pages) Enter the width of the secondary menu of your website on the screens larger than 1277px (secondary menu width of single post of any post type: post, attachment, page, custom post types). Text A CSS length value (e.g., 1550px, 98%) 1550px

Menu Locations:

  • Primary Menu (Header Menu): Main navigation menu typically displayed in the header area.
  • Secondary Menu: Additional navigation menu that can be positioned before/after header or footer.

Header Options

Below is the complete list of Header Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_tagline Hide Tagline This option will hide the tagline from all screen sizes. Checkbox true / false false
hide_tagline_mobile Hide Tagline from Smaller Screens This option has no effect if you have checked the option: "Hide Tagline" Checkbox true / false false
disable_sticky_header Disable Sticky Feature from Header Turn off the sticky/fixed header feature. Checkbox true / false false
enable_sticky_mobile_header Enable Sticky Feature on Header for Small Screen Sizes Apply the sticky header on mobile/tablet devices. Checkbox true / false false
hide_header_content Hide Header Content Completely hide everything inside the header bar (logo, title, navigation). Checkbox true / false false
header_layout Header Layout Select the header layout style. Dropdown
  • Logo
  • Primary Menu
  • Logo + Primary Menu
  • Logo + Search Box + Primary Menu
  • Logo + Header Banner + Primary Menu
  • Logo + Primary Menu (Full Width)
  • Logo + Search Box + Primary Menu (Full Width)
  • Logo + Header Banner + Primary Menu (Full Width)
logo-search-menu
header_container_plural_width Header Width (non-singular pages) Enter the width of the header of your website on the screens larger than 1277px (header width of non-single post types).
Default is 1550px
Text Input Valid CSS width (e.g., 1550px) 1550px
header_container_singular_width Header Width (singular pages) Enter the width of the header of your website on the screens larger than 1277px (header width of single post of any post type (post, attachment, page, custom post types)).
Default is 1550px
Text Input Valid CSS width (e.g., 1550px) 1550px
header_padding Header Padding Enter the padding value for header content. Default is 10px Text Input Valid CSS padding value 10px
hide_header_search_button Hide Header Search Button If you have checked the option "Disable Primary Menu (Header Menu)," this option has no effect. Also, if you select the "Logo" value for the "Header Layout" option, this option has no effect. Checkbox true / false false
search_button_text Header Search Button Text Enter custom text for the header search button. Text Input Text string (empty)

News Ticker Options

Below is the complete list of News Ticker Options available:

Option ID Option Name Description Control Type Accepted Value Default
enable_news_ticker Enable News Ticker Enable News Ticker Checkbox true / false false
news_ticker_location Select News Ticker Location Select where you want to display the news ticker. Dropdown
  • Before Header
  • After Header
  • Before Footer
  • After Footer
Before Header
news_ticker_heading News Ticker Heading Set the news Ticker Heading. Text Input Text string Breaking News
news_ticker_length Number of News Ticker Posts Enter the number of posts you need to display in the news ticker area. Default is 5 posts. Text Input Integer 5
news_ticker_post_type News Ticker Posts Type Select a post type to display in news ticker. Dropdown
  • Recent Posts
  • Category Posts
  • Tag Posts
  • Posts by IDs
Recent Posts
news_ticker_include_posts Display these Posts on News Ticker If you have selected "News Ticker Posts Type" as "Posts by IDs", then specify post ids separated by commas.
Important: do not keep spaces. Example: 3511,946,559,562,3446
Text Input Text string (empty)
news_ticker_post_orderby News Ticker Posts Orderby Select a posts orderby value for news ticker. Dropdown
  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
Published Date
news_ticker_post_order News Ticker Posts Order Select a posts order value for news ticker. Dropdown
  • Ascending order
  • Descending order
Descending order
news_ticker_cat News Ticker Posts Category Select a category if Posts Type option is Category Posts Custom Control (Category) Integer 0
news_ticker_tag News Ticker Posts Tag Select a tag if Posts Type option is Tag Posts Custom Control (Category) Integer 0
news_ticker_duration News Ticker Duration Enter the news ticker duration in milliseconds. Default is 60000. Text Input Integer 60000
news_ticker_exclude_posts Exclude these posts from News Ticker (specify post ids separated by commas) Important: do not keep spaces. Example: 8,12,18,20 Text Input Text string (empty)
news_ticker_dateformat News Ticker Date Format Default value: Y-m-d
Check this URL for date formats: Formatting Date and Time
Text Input Text string Y-m-d
hide_date_news_ticker Hide Dates from News Ticker Turn on or off hide Dates from News Ticker. Checkbox true / false false
news_ticker_container_plural_width News Ticker Width (non-singular pages) Enter the width of the news ticker of your website on the screens larger than 1277px (news ticker width of non-single post types).
Default is 1550px
Text Input Text string 1550px
news_ticker_container_singular_width News Ticker Width (singular pages) Enter the width of the news ticker of your website on the screens larger than 1277px (news ticker width of single post of any post type (post, attachment, page, custom post types)).
Default is 1550px
Text Input Text string 1550px

Layout Options

Below is the complete list of Layout Options available:

Option ID Option Name Description Control Type Accepted Value Default
layout_type Layout Type Select the layout type of your website. Dropdown

One of the values below:

  • boxed (Boxed)
  • full (Full)
full
main_area_container_plural_width Main Area Width (non-singular pages) Enter the width of the main area of your website on the screens larger than 1277px (website width of non-single post types). Text A CSS length value (e.g., 1550px, 98%) 1550px
main_area_container_singular_width Main Area Width (singular pages) Enter the width of the main area of your website on the screens larger than 1277px (website width of single post of any post type: post, attachment, page, custom post types). Text A CSS length value (e.g., 1150px, 98%) 1150px
singular_layout Singular Layout Style Select your layout style for single post of any post type (post, attachment, page, custom post types). Radio Buttons

One of the values below:

  • s1-c-s2 (Sidebar 1 + Content + Sidebar 2)
  • s2-c-s1 (Sidebar 2 + Content + Sidebar 1)
  • c-s1-s2 (Content + Sidebar 1 + Sidebar 2)
  • c-s2-s1 (Content + Sidebar 2 + Sidebar 1)
  • s1-s2-c (Sidebar 1 + Sidebar 2 + Content)
  • s2-s1-c (Sidebar 2 + Sidebar 1 + Content)
  • s1-c (Sidebar 1 + Content)
  • c-s1 (Content + Sidebar 1)
  • c-s2 (Content + Sidebar 2)
  • s2-c (Sidebar 2 + Content)
  • one-column (One Column)
  • one-column-sidebars (One Column + Bottom Sidebar)
one-column
plural_layout Non-Singular Layout Style Select your non-singular layout style. Radio Buttons

One of the values below:

  • s1-c-s2 (Sidebar 1 + Content + Sidebar 2)
  • s2-c-s1 (Sidebar 2 + Content + Sidebar 1)
  • c-s1-s2 (Content + Sidebar 1 + Sidebar 2)
  • c-s2-s1 (Content + Sidebar 2 + Sidebar 1)
  • s1-s2-c (Sidebar 1 + Sidebar 2 + Content)
  • s2-s1-c (Sidebar 2 + Sidebar 1 + Content)
  • s1-c (Sidebar 1 + Content)
  • c-s1 (Content + Sidebar 1)
  • c-s2 (Content + Sidebar 2)
  • s2-c (Sidebar 2 + Content)
  • one-column (One Column)
  • one-column-sidebars (One Column + Bottom Sidebar)
one-column
main_content_width_3 Main Content Width (3 Columns Layout) Enter the width of the main content (without percentage mark) if you have selected a 3 columns layout as your layout style. Note: (Main Content Width + Sidebar 1 Width + Sidebar 2 Width) value must be less than 100 to prevent layout break. Text A positive number (percentage without % symbol) 54
sidebar_one_width_3 Sidebar 1 Width (3 Columns Layout) Enter the width of the sidebar 1 (without percentage mark) if you have selected a 3 columns layout as your layout style. Text A positive number (percentage without % symbol) 22.8
sidebar_two_width_3 Sidebar 2 Width (3 Columns Layout) Enter the width of the sidebar 2 (without percentage mark) if you have selected a 3 columns layout as your layout style. Text A positive number (percentage without % symbol) 22.8
main_content_width_2 Main Content Width (2 Columns Layout) Enter the width of the main content (without percentage mark) if you have selected a 2 columns layout as your layout style. Note: (Main Content Width + Sidebar 1 Width) or (Main Content Width + Sidebar 2 Width) value must be less than 100 to prevent layout break. Text A positive number (percentage without % symbol) 73
sidebar_one_width_2 Sidebar 1 Width (2 Columns Layout) Enter the width of the sidebar 1 (without percentage mark) if you have selected a 2 columns layout as your layout style. Text A positive number (percentage without % symbol) 25
sidebar_two_width_2 Sidebar 2 Width (2 Columns Layout) Enter the width of the sidebar 2 (without percentage mark) if you have selected a 2 columns layout as your layout style. Text A positive number (percentage without % symbol) 25

Important Notes:

  • For 3 columns layout: The sum of (Main Content Width + Sidebar 1 Width + Sidebar 2 Width) must be less than 100 to prevent layout break.
  • For 2 columns layout: The sum of (Main Content Width + Sidebar Width) must be less than 100 to prevent layout break.
  • Width values for columns are entered as numbers without the percentage (%) symbol.

Posts Summaries Options

Below is the complete list of Posts Summaries Options available:

Important: To display your latest posts as a grid on your homepage, please set the "Your homepage displays" option to "Your latest posts." You can find this setting in your WordPress Dashboard by navigating to Settings → Reading → Your homepage displays.

Option ID Option Name Description Control Type Accepted Value Default
hide_posts_home Hide Blog Posts from Home Page Completely hide the blog posts section from the homepage. Checkbox true / false false
hide_posts_heading Hide HomePage Posts Heading Remove the heading text above the posts grid on the homepage. Checkbox true / false false
posts_heading HomePage Posts Heading Custom heading text to display above the posts grid on the homepage. Text A text string Recent Posts
post_grid_cols Number of Columns in Posts Grid Select the number of columns in the post grid for homepage (in desktop view). Dropdown

One of the values below:

  • magsoul-1-col (1 Column)
  • magsoul-2-col (2 Columns)
  • magsoul-3-col (3 Columns)
  • magsoul-4-col (4 Columns)
  • magsoul-5-col (5 Columns)
  • magsoul-6-col (6 Columns)
  • magsoul-7-col (7 Columns)
  • magsoul-8-col (8 Columns)
  • magsoul-9-col (9 Columns)
  • magsoul-10-col (10 Columns)
magsoul-6-col
enable_masonry Enable Masonry Feature for Grid Posts Summaries Enable JavaScript powered Masonry grid for the whole site. When enabled, it works by placing grid posts in optimum locations based on available vertical space, like a mason fitting stones in a wall. Checkbox true / false false
grid_thumb_style Featured Images Size of Grid Posts Summaries Select the thumbnail size you need for the post grid. Dropdown

One of the values below:

  • magsoul-100w-100h-image (100:100 Thumbnails)
  • magsoul-360w-180h-image (360:180 Thumbnails)
  • magsoul-360w-216h-image (360:216 Thumbnails)
  • magsoul-360w-270h-image (360:270 Thumbnails)
  • magsoul-360w-300h-image (360:300 Thumbnails)
  • magsoul-360w-360h-image (360:360 Thumbnails)
  • magsoul-360w-480h-image (360:480 Thumbnails)
  • magsoul-360w-540h-image (360:540 Thumbnails)
  • magsoul-360w-autoh-image (360:Auto Thumbnails)
  • magsoul-675w-360h-image (675:360 Thumbnails)
  • magsoul-675w-autoh-image (675:Auto Thumbnails)
  • magsoul-880w-500h-image (880:500 Thumbnails)
  • magsoul-880w-autoh-image (880:Auto Thumbnails)
  • magsoul-1218w-660h-image (1218:660 Thumbnails)
  • magsoul-1218w-autoh-image (1218:Auto Thumbnails)
  • full (Original Size)
  • magsoul-custom-grid-image (Custom Size)
magsoul-360w-270h-image
grid_image_width Width of "Custom Size" Thumbnail Enter the numerical pixel width value of custom size grid thumbnail. Default is 360. This option has no effect until you select "Custom Size" value for "Featured Images Size of Grid Posts Summaries" option. Text A positive integer (pixels) 360
grid_image_height Height of "Custom Size" Thumbnail Enter the numerical pixel height value of custom size grid thumbnail. Default is 240. This option has no effect until you select "Custom Size" value for "Featured Images Size of Grid Posts Summaries" option. Text A positive integer (pixels) 240
thumbnail_link_home Featured Images Links Do you want thumbnails in grid posts summaries to be linked to their posts? Dropdown

One of the values below:

  • yes (Yes)
  • no (No)
yes
hide_post_title_home Hide Post Titles from Grid Posts Summaries Remove post titles from the grid posts display. Checkbox true / false false
remove_post_title_link_home Remove Links of Post Titles from Grid Posts Summaries Make post titles non-clickable in grid posts summaries. Checkbox true / false false
disable_animation_post_title_home Disable "Hover Animation" from Post Titles in Grid Posts Summaries Remove the hover animation effect from post titles in the grid. Checkbox true / false false
minheight_post_title_home Minimum Height for Grid Posts Summaries Titles Enter a minimum pixel height value for post titles in the posts grid. For example: 50px Text A CSS height value (e.g., 50px) (empty)
limit_post_title_home Limit the Length of Post Titles in Grid Posts Summaries Enable limiting the number of words displayed in post titles. Checkbox true / false false
post_title_length_home Maximum Length of Post Titles in Grid Posts Summaries Enter the maximum number of words need to display in grid post titles. Default is 6 words. This option only works if you have checked the option "Limit the Length of Post Titles in Grid Posts Summaries". Text A positive integer (number of words) 6
hide_post_author_home Hide Post Author Names from Grid Posts Summaries Remove author names from the grid posts display. Checkbox true / false false
hide_posted_date_home Hide Post Dates from Grid Posts Summaries Remove post dates from the grid posts display. Checkbox true / false false
post_date_type_home Post Date Type You can choose to display published or updated date of your post. Dropdown

One of the values below:

  • published (Published)
  • updated (Updated)
published
show_comments_link_home Show Comment Links on Grid Posts Summaries Display comment count/link on grid posts summaries. Checkbox true / false false
comments_count_full_home Display Comment Texts instead of Comments Counts on Grid Posts Summaries Show full comment text (e.g., "5 Comments") instead of just the number. Checkbox true / false false
read_more_length Post Snippets Length of Grid Posts Summaries Enter the number of words need to display in grid post summaries. Default is 17 words. Text A positive integer (number of words) 17

Thumbnail Size Options Explained:

  • Width:Height format (e.g., 360:270): Creates thumbnails with fixed aspect ratios
  • Width:Auto format (e.g., 360:Auto): Sets width while maintaining original aspect ratio
  • Original Size: Uses the full-size uploaded image
  • Custom Size: Allows you to specify exact pixel dimensions using the width and height options below

Masonry Grid Feature:

When enabled, the masonry layout creates a dynamic grid where posts are positioned based on available vertical space, creating a visually appealing "brick wall" effect. This is particularly useful when posts have varying content lengths.

Post Options

Below is the complete list of Post Options available for individual posts (singular pages):

Option ID Option Name Description Control Type Accepted Value Default
thumbnail_link Featured Image Link Do you want the featured image in a single post to be linked to its post? Dropdown

One of the values below:

  • yes (Yes)
  • no (No)
yes
hide_thumbnail Hide Featured Image from Full Post Remove the featured image from individual post pages. Checkbox true / false false
featured_media_under_post_title Move Featured Image to Bottom of Full Post Title Reposition the featured image to appear below the post title instead of above it. Checkbox true / false false
auto_width_thumbnail Do not Stretch the Featured Image to Full Width When you check this option, the featured image will not automatically stretch to full width if the width of the featured image is smaller than the post content. Checkbox true / false false
hide_post_breadcrumbs Hide Breadcrumbs from Full Post Remove breadcrumb navigation from individual posts. Note: You need to install and activate Yoast SEO plugin to display breadcrumbs. Checkbox true / false false
hide_post_header Hide Post Header from Full Post If you check this option, it will hide post title and post header meta data from full post. Checkbox true / false false
hide_post_title Hide Post Title from Full Post Remove only the post title from individual posts (keeps other header meta data). Checkbox true / false false
remove_post_title_link Remove Link from Full Post Title Make the post title non-clickable on individual post pages. Checkbox true / false false
hide_post_categories Hide Post Categories from Full Post Remove category links from the post meta information. Checkbox true / false false
hide_post_author Hide Post Author from Full Post Remove author name from the post meta information. Checkbox true / false false
hide_posted_date Hide Post Date from Full Post Remove the date from the post meta information. Checkbox true / false false
post_date_type Post Date Type You can choose to display published or updated date of your post. Dropdown

One of the values below:

  • published (Published)
  • updated (Updated)
published
hide_comments_link Hide Comment Link from Full Post Remove the comment count/link from the post meta information. Checkbox true / false false
hide_post_tags Hide Post Tags from Full Post Remove tag links from the post footer area. Checkbox true / false false
hide_comment_form Hide Comments/Comment Form from Full Post Remove the entire comments section including existing comments and the comment form. Checkbox true / false false
hide_author_bio_box Hide Author Bio Box Remove the author biography box that appears below post content. Checkbox true / false false
show_post_edit Show Post Edit Link Display the "Edit" link for users with editing permissions. Checkbox true / false false
post_ad_one_code Post Ad 1 Code This ad is located under post title. Enter your ad code (HTML, JavaScript, etc.). Textarea HTML code (balanced tags) (empty)
hide_post_ad_one Hide Post Ad 1 Hide the first ad slot (located under post title). Checkbox true / false false
post_ad_two_code Post Ad 2 Code This ad is located under post content. Enter your ad code (HTML, JavaScript, etc.). Textarea HTML code (balanced tags) (empty)
hide_post_ad_two Hide Post Ad 2 Hide the second ad slot (located under post content). Checkbox true / false false

Featured Image Options:

  • Image Link: Control whether the featured image is clickable.
  • Image Position: Move featured image below the post title if desired.
  • Image Width: By default, images stretch to full width. Disable this to maintain original aspect ratio.

Post Header Hierarchy:

  • Hide Post Header: Hides both the title AND all meta data (most comprehensive)
  • Hide Post Title: Hides only the title, keeps meta data visible
  • Individual Meta Toggles: Fine-grained control over specific meta elements (author, date, categories, etc.)

Advertisement Slots:

  • Post Ad 1: Located immediately under the post title, above the post content. Ideal for prominent ad placement.
  • Post Ad 2: Located after the post content, before comments and related posts. Good for content-related ads.

Ad Code Guidelines:

  • Supports HTML, JavaScript, and most ad network codes (Google AdSense, etc.)
  • Code is automatically sanitized using force_balance_tags to ensure balanced HTML
  • Each ad can be individually hidden without removing the code

Breadcrumbs Note:

Breadcrumb navigation requires the Yoast SEO plugin to be installed and activated. The plugin provides the breadcrumb functionality that this theme can display.

Date Type Options:

  • Published: Shows the original publication date of the post (default).
  • Updated: Shows the last modified date, useful for content that is regularly updated.

Post/Posts Navigation Options

Below is the complete list of Post/Posts Navigation Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_post_navigation Hide Post Navigation from Full Posts Remove the previous/next post navigation links from individual post pages. Checkbox true / false false
hide_post_navigation_thumbnail Hide Thumbnails from Advanced Post Navigation Remove featured images from the advanced post navigation (only affects when Advanced navigation type is selected). Checkbox true / false false
post_navigation_type Post Navigation Type Select post navigation type you need. Dropdown

One of the values below:

  • withthumb (Advanced)
  • withoutthumb (Normal)
withoutthumb
hide_posts_navigation Hide Posts Navigation from Home/Archive/Search Pages Remove pagination/navigation from post listing pages (home, archives, search results, etc.). Checkbox true / false false
posts_navigation_type Posts Navigation Type Select posts navigation type you need. If you activate WP-PageNavi plugin, this navigation will be replaced by WP-PageNavi navigation. Dropdown

One of the values below:

  • normalnavi (Normal Navigation)
  • numberednavi (Numbered Navigation)
  • loadmoreclick (Load More Button)
  • loadmorescroll (Infinite Scroll)
numberednavi
loadmore_text LoadMore Button Normal Text Enter a text to display on load more button. Text A text string Load More
loading_text LoadMore Button Loading Text Enter a text to display on load more button when posts are loading. Text A text string Loading...
loadfailed_text LoadMore Button Load Failed Text Enter a text to display on load more button when posts loading failed. Text A text string Failed to load posts.

Navigation Types Explained:

Post Navigation (Single Posts):

  • Advanced: Shows previous/next post links with featured image thumbnails.
  • Normal: Shows simple text-based previous/next post links without thumbnails.

Posts Navigation (Archives/Lists):

  • Normal Navigation: Simple "Older Posts" and "Newer Posts" text links.
  • Numbered Navigation: Shows page numbers (1, 2, 3, etc.) with previous/next links.
  • Load More Button: Displays a button that loads additional posts when clicked.
  • Infinite Scroll: Automatically loads more posts as the user scrolls down the page.

Note: Load More button text options only apply when "Load More Button" or "Infinite Scroll" navigation types are selected.

Page Options

Below is the complete list of Page Options available:

Option ID Option Name Description Control Type Accepted Value Default
thumbnail_link_pageFeatured Image LinkDo you want the featured image in a page to be linked to its page?Dropdown
  • Yes
  • No
Yes
hide_page_thumbnailHide Featured Image from Single PageTurn on or off hide Featured Image from Single Page.Checkboxtrue / falsefalse
featured_media_under_page_titleMove Featured Image to Bottom of Page TitleTurn on or off move Featured Image to bottom of Page Title on Single Page.Checkboxtrue / falsefalse
hide_page_headerHide Page Header from Single PageIf you check this option, it will hide page title and page header meta data from single page.Checkboxtrue / falsefalse
hide_page_titleHide Page Title from Single PageTurn on or off hide Page Title from Single Page.Checkboxtrue / falsefalse
remove_page_title_linkRemove Link from Single Page TitleTurn on or off remove Link from Single Page Title.Checkboxtrue / falsefalse
hide_page_dateHide Posted Date from Single PageTurn on or off hide Posted Date from Single Page.Checkboxtrue / falsefalse
hide_page_authorHide Page Author from Single PageTurn on or off hide Page Author from Single Page.Checkboxtrue / falsefalse
hide_page_commentsHide Comment Link from Single PageTurn on or off hide Comment Link from Single Page.Checkboxtrue / falsefalse
hide_page_comment_formHide Comments/Comment Form from Single PageTurn on or off hide Comments/Comment Form from Single Page.Checkboxtrue / falsefalse
hide_page_editHide Edit Link from Single PageTurn on or off hide Edit Link from Single Page.Checkboxtrue / falsefalse
hide_static_page_titleHide Page Header from Static HomepageTurn on or off hide Page Header from Static Homepage.Checkboxtrue / falsefalse
hide_static_page_metaHide Page Meta Data (Page Date, Page Author, Comment Link) from Static HomepageTurn on or off hide Page Meta Data (Page Date, Page Author, Comment Link) from Static Homepage.Checkboxtrue / falsefalse

Likes and Views Options

Below is the complete list of Likes and Views Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_post_likes_home Hide Post Likes from Posts Summaries Remove the post likes display from post summaries (archives, homepage, category pages, etc.). Checkbox true / false false
hide_post_likes Hide Post Likes from Single Posts Remove the post likes display from individual post pages. Checkbox true / false false
likes_text Likes Text Enter a text to display with likes count. Default text is "Likes". Text A text string Likes
post_likes_cookie_length Post Likes Cookie Length This is the number of seconds a same user needs to wait if he/she is going to like the same post again. Default is 86400 seconds (1 day). Text A positive integer (seconds) 86400
reset_post_likes Delete All Previous Posts Likes Click the button to permanently delete all previous posts likes from the database. This action cannot be undone. Submit Button Action trigger (empty)
hide_post_views_home Hide Post Views from Posts Summaries Remove the post views counter from post summaries (archives, homepage, category pages, etc.). Checkbox true / false false
hide_post_views Hide Post Views from Single Posts Remove the post views counter from individual post pages. Checkbox true / false false
views_text Views Text Enter a text to display with views count. Default text is "Views". Text A text string Views
post_views_cookie_length Post Views Cookie Length When a user visits a post, it is considered as a new post view. This is the number of seconds that user needs to wait since his first visit to that post, to consider his/her another visit to the same post as a new post view. Default is 3600 seconds (1 hour). Text A positive integer (seconds) 3600
reset_post_views Delete All Previous Posts Views Click the button to permanently delete all previous posts views from the database. This action cannot be undone. Submit Button Action trigger (empty)

Important Notes:

  • Post Likes Cookie Length: Controls how long a user must wait before they can like the same post again. Default: 86400 seconds (24 hours).
  • Post Views Cookie Length: Controls how long a user must wait before their visit counts as a new view. Default: 3600 seconds (1 hour).
  • Reset Buttons: Both reset buttons permanently delete all historical data. Use with caution as this action cannot be undone.

Social Links Options

Below is the complete list of Social Links Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_footer_social_buttons Hide Footer Social + Random + Login/Logout Buttons If you checked this option, all buttons will disappear from footer. There is no any effect from these option: "Show Login/Logout Button in Footer", "Show Random Post Button in Footer". Checkbox true / false false
show_footer_login_button Show Login/Logout Button in Footer This option has no effect if you checked the option: "Hide Footer Social + Random + Login/Logout Buttons" Checkbox true / false false
show_footer_rp_button Show Random Post Button in Footer This option has no effect if you checked the option: "Hide Footer Social + Random + Login/Logout Buttons" Checkbox true / false false
twitterlink X URL Full link to your X / Twitter profile. Text Valid URL (empty)
facebooklink Facebook URL Full link to your Facebook page or profile. Text Valid URL (empty)
threadslink Threads URL Your Meta Threads account link. Text Valid URL (empty)
pinterestlink Pinterest URL Pinterest profile or board URL. Text Valid URL (empty)
linkedinlink Linkedin URL Company or personal LinkedIn page. Text Valid URL (empty)
instagramlink Instagram URL Instagram handle link. Text Valid URL (empty)
vklink VK URL Link to your VKontakte profile. Text Valid URL (empty)
flickrlink Flickr URL Flickr photostream link. Text Valid URL (empty)
youtubelink Youtube URL YouTube channel link. Text Valid URL (empty)
vimeolink Vimeo URL Vimeo profile link. Text Valid URL (empty)
soundcloudlink Soundcloud URL SoundCloud account link. Text Valid URL (empty)
messengerlink Messenger URL Facebook Messenger username / link. Text Valid URL (empty)
whatsapplink WhatsApp URL Share link to your WhatsApp number or group. Text Valid URL (empty)
tiktoklink TikTok URL TikTok profile link. Text Valid URL (empty)
lastfmlink Lastfm URL Last.fm profile link. Text Valid URL (empty)
mediumlink Medium URL Medium publication or user URL. Text Valid URL (empty)
githublink Github URL GitHub user or organization link. Text Valid URL (empty)
bitbucketlink Bitbucket URL Bitbucket workspace link. Text Valid URL (empty)
tumblrlink Tumblr URL Tumblr blog link. Text Valid URL (empty)
digglink Digg URL Digg profile link. Text Valid URL (empty)
deliciouslink Delicious URL Delicious bookmarks profile. Text Valid URL (empty)
stumblelink Stumbleupon URL StumbleUpon (now Mix) profile link. Text Valid URL (empty)
mixlink Mix URL Mix.com collection link. Text Valid URL (empty)
redditlink Reddit URL Your Reddit profile or subreddit. Text Valid URL (empty)
dribbblelink Dribbble URL Dribbble designer profile. Text Valid URL (empty)
flipboardlink Flipboard URL Flipboard magazine or profile. Text Valid URL (empty)
bloggerlink Blogger URL Blogger/Blogspot site link. Text Valid URL (empty)
etsylink Etsy URL Etsy shop page. Text Valid URL (empty)
behancelink Behance URL Behance portfolio link. Text Valid URL (empty)
amazonlink Amazon URL Amazon author or store link. Text Valid URL (empty)
meetuplink Meetup URL Meetup group or profile. Text Valid URL (empty)
mixcloudlink Mixcloud URL Mixcloud DJ profile. Text Valid URL (empty)
slacklink Slack URL Invite link to your Slack community. Text Valid URL (empty)
snapchatlink Snapchat URL Snapchat profile link. Text Valid URL (empty)
spotifylink Spotify URL Artist or playlist link on Spotify. Text Valid URL (empty)
yelplink Yelp URL Yelp business or profile link. Text Valid URL (empty)
wordpresslink WordPress URL WordPress.com blog link. Text Valid URL (empty)
twitchlink Twitch URL Twitch channel link. Text Valid URL (empty)
telegramlink Telegram URL Telegram channel or group invite. Text Valid URL (empty)
bandcamplink Bandcamp URL Bandcamp artist page. Text Valid URL (empty)
quoralink Quora URL Quora profile link. Text Valid URL (empty)
foursquarelink Foursquare URL Foursquare venue or profile. Text Valid URL (empty)
deviantartlink DeviantArt URL DeviantArt gallery. Text Valid URL (empty)
imdblink IMDB URL IMDb cast or title page. Text Valid URL (empty)
codepenlink Codepen URL CodePen profile. Text Valid URL (empty)
jsfiddlelink JSFiddle URL JSFiddle user profile. Text Valid URL (empty)
stackoverflowlink Stack Overflow URL Stack Overflow user profile. Text Valid URL (empty)
stackexchangelink Stack Exchange URL Stack Exchange network profile. Text Valid URL (empty)
bsalink BuySellAds URL Publisher profile on BuySellAds. Text Valid URL (empty)
web500pxlink 500px URL 500px photography portfolio. Text Valid URL (empty)
ellolink Ello URL Ello artist profile. Text Valid URL (empty)
discordlink Discord URL Instant invite link to your Discord server. Text Valid URL (empty)
goodreadslink Goodreads URL Goodreads author or user page. Text Valid URL (empty)
odnoklassnikilink Odnoklassniki URL OK.ru profile link. Text Valid URL (empty)
houzzlink Houzz URL Houzz professional profile. Text Valid URL (empty)
pocketlink Pocket URL Public Pocket profile link. Text Valid URL (empty)
xinglink XING URL XING profile link. Text Valid URL (empty)
mastodonlink Mastodon URL Mastodon instance/profile link. Text Valid URL (empty)
googleplaylink Google Play URL Developer or app page on Google Play. Text Valid URL (empty)
slidesharelink SlideShare URL SlideShare profile link. Text Valid URL (empty)
dropboxlink Dropbox URL Public Dropbox folder or profile. Text Valid URL (empty)
paypallink PayPal URL PayPal.me or donation link. Text Valid URL (empty)
viadeolink Viadeo URL Full link to your Viadeo business/profile page. Text Valid URL (empty)
wikipedialink Wikipedia URL Link to your personal or company Wikipedia page. Text Valid URL (empty)
skypeusername Skype Username Your Skype ID (creates a skype: link). Text Any text (empty)
emailaddress Email Address Email that opens in the visitor's mail client (mailto: link). Text Valid email (empty)
rsslink RSS Feed URL Custom RSS feed link (leave blank for default). Text Valid URL (empty)

Share Buttons Options

Below is the complete list of Share Buttons Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_share_twitter_home Hide X Share Button from List/Tabbed Posts Summaries Remove the X (Twitter) share button from post summaries on list and tabbed layouts. Checkbox true / false false
hide_share_facebook_home Hide Facebook Share Button from List/Tabbed Posts Summaries Remove the Facebook share button from post summaries on list and tabbed layouts. Checkbox true / false false
hide_share_pinterest_home Hide Pinterest Share Button from List/Tabbed Posts Summaries Remove the Pinterest share button from post summaries on list and tabbed layouts. Checkbox true / false false
hide_share_linkedin_home Hide Linkedin Share Button from List/Tabbed Posts Summaries Remove the LinkedIn share button from post summaries on list and tabbed layouts. Checkbox true / false false
hide_share_buttons Hide Share Buttons from Single Posts Completely remove all share buttons from individual post pages. Checkbox true / false false
hide_share_text Hide Share Text from Single Posts Remove the "Share:" text label that appears before share buttons. Checkbox true / false false
share_text Share Text Custom text to display before share buttons on single posts. Text A text string Share:
hide_share_twitter Hide X Share Button from Single Posts Remove the X (Twitter) share button from single posts. Checkbox true / false false
hide_share_facebook Hide Facebook Share Button from Single Posts Remove the Facebook share button from single posts. Checkbox true / false false
hide_share_pinterest Hide Pinterest Share Button from Single Posts Remove the Pinterest share button from single posts. Checkbox true / false false
hide_share_linkedin Hide Linkedin Share Button from Single Posts Remove the LinkedIn share button from single posts. Checkbox true / false false
hide_share_mix Hide Mix Share Button from Single Posts Remove the Mix share button from single posts. Checkbox true / false false
hide_share_reddit Hide Reddit Share Button from Single Posts Remove the Reddit share button from single posts. Checkbox true / false false
hide_share_digg Hide Digg Share Button from Single Posts Remove the Digg share button from single posts. Checkbox true / false false
hide_share_vk Hide VK Share Button from Single Posts Remove the VK (VKontakte) share button from single posts. Checkbox true / false false
show_share_line Show LINE Share Button in Single Posts Display the LINE messaging app share button on single posts. Checkbox true / false false
show_share_flipboard Show Flipboard Share Button in Single Posts Display the Flipboard share button on single posts. Checkbox true / false false
show_share_telegram Show Telegram Share Button in Single Posts Display the Telegram messaging app share button on single posts. Checkbox true / false false
show_share_pocket Show Pocket Share Button in Single Posts Display the Pocket (save for later) button on single posts. Checkbox true / false false
show_share_odnoklassniki Show OK.RU Share Button in Single Posts Display the Odnoklassniki (OK.RU) share button on single posts. Checkbox true / false false
show_share_whatsapp Show WhatsApp Share Button in Single Posts Display the WhatsApp messaging app share button on single posts. Checkbox true / false false
show_share_tumblr Show Tumblr Share Button in Single Posts Display the Tumblr share button on single posts. Checkbox true / false false
show_share_evernote Show Evernote Share Button in Single Posts Display the Evernote (save/clip) button on single posts. Checkbox true / false false
show_share_wordpress Show WordPress Share Button in Single Posts Display the WordPress.com share button on single posts. Checkbox true / false false
show_share_blogger Show Blogger Share Button in Single Posts Display the Blogger share button on single posts. Checkbox true / false false
show_share_xing Show XING Share Button in Single Posts Display the XING professional network share button on single posts. Checkbox true / false false
show_share_skype Show Skype Share Button in Single Posts Display the Skype share button on single posts. Checkbox true / false false
show_share_gmail Show Gmail This Button in Single Posts Display the Gmail (email via Gmail) button on single posts. Checkbox true / false false
show_share_yahoomail Show Yahoo! Mail This Button in Single Posts Display the Yahoo! Mail (email via Yahoo) button on single posts. Checkbox true / false false
show_share_email Show Email This Button in Single Posts Display the generic email share button on single posts. Checkbox true / false false
show_share_buffer Show Add to Buffer Button in Single Posts Display the Buffer (social media scheduling) button on single posts. Checkbox true / false false
show_share_googlebookmark Show Google Bookmark Button in Single Posts Display the Google Bookmarks button on single posts. Checkbox true / false false

Share Button Categories:

Default Visible Buttons (Single Posts):

These buttons are visible by default and can be hidden:

  • X (Twitter) - Social media platform
  • Facebook - Social media platform
  • Pinterest - Image sharing platform
  • LinkedIn - Professional networking platform
  • Mix - Content discovery platform
  • Reddit - Social news aggregation
  • Digg - News aggregator
  • VK - Russian social network

Optional Buttons (Single Posts):

These buttons are hidden by default and can be enabled:

  • LINE - Japanese messaging app
  • Flipboard - News aggregator
  • Telegram - Messaging app
  • Pocket - Save for later service
  • OK.RU (Odnoklassniki) - Russian social network
  • WhatsApp - Messaging app
  • Tumblr - Microblogging platform
  • Evernote - Note-taking service
  • WordPress - WordPress.com sharing
  • Blogger - Google's blogging platform
  • XING - Professional networking (Europe)
  • Skype - Communication platform
  • Gmail - Email via Gmail
  • Yahoo! Mail - Email via Yahoo
  • Email - Generic email client
  • Buffer - Social media scheduling
  • Google Bookmarks - Bookmark service

List/Tabbed Posts Summaries:

Share buttons available for post summaries (limited selection):

  • X (Twitter)
  • Facebook
  • Pinterest
  • LinkedIn

Usage Tips:

  • Performance: Only enable share buttons that your audience actually uses to reduce page weight.
  • Regional Considerations: Enable region-specific platforms (VK, OK.RU for Russia; LINE for Japan; XING for Europe).
  • Mobile Optimization: Messaging apps (WhatsApp, Telegram, LINE) work particularly well on mobile devices.
  • Professional Content: LinkedIn and XING are ideal for business and professional content.
  • Visual Content: Pinterest is essential for image-heavy content.

Page Templates Options

Below is the complete list of Page Templates Options available:

Contact Page Template

To create a contact page with a built-in contact form:

  1. On the editing screen of a new page/existing page, scroll down to "Page Attributes" section, and you will find the "Template" drop down menu.
  2. Click on it and select "Contact Form" template from available template list.
  3. Publish/update your page.

Authors Page Template

To create an authors page:

  1. On the editing screen of a new page/existing page, scroll down to "Page Attributes" section, and you will find the "Template" drop down menu.
  2. Click on it and select "Authors" template from available template list.
  3. Publish/update your page.
Option ID Option Name Description Control Type Accepted Value Default
contact_form_email Contact Form Email Address When a user contacts you using the built-in contact form of the theme, this is your email address to get these messages. Text A valid email address (empty)
hide_admin_authors_page Hide Site Administrators from Authors Page Exclude users with the administrator role from the Authors page listing. Checkbox true / false false
hide_noposts_authors_page Hide Authors with Zero Posts from Authors Page Show only authors who have published at least one post on the Authors page. Checkbox true / false false

Archive Pages Options

Below is the complete list of Archive Pages Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_cats_title Hide Category Title from Category Archive Pages Remove the category name heading (H1) shown above the loop. Checkbox true / false false
hide_cats_description Hide Category Description from Category Archive Pages Suppress the category description text that normally appears under the heading. Checkbox true / false false
hide_category_word Remove Word "Category:" from Category Archive Pages Titles Drops the "Category:" prefix so only the category name remains. Checkbox true / false false
hide_tags_title Hide Tag Title from Tag Archive Pages Hide the tag name heading on tag-archive pages. Checkbox true / false false
hide_tags_description Hide Tag Description from Tag Archive Pages Suppress the tag description text under the heading. Checkbox true / false false
hide_tag_word Remove Word "Tag:" from Tag Archive Pages Titles Removes the "Tag:" prefix before the term name. Checkbox true / false false
hide_author_title Hide Author Title from Author Archive Pages Hide the author-name heading on author archives. Checkbox true / false false
hide_author_description Hide Author Description from Author Archive Pages Hide the author bio/description block beneath the heading. Checkbox true / false false
hide_author_word Remove Word "Author:" from Author Archive Pages Titles Removes the "Author:" prefix before the author name. Checkbox true / false false
hide_date_title Hide Title from Year/Month/Day Archive Pages Completely hide the date title on yearly, monthly and daily archives. Checkbox true / false false
hide_date_word Remove Words "Year:" / "Month:" / "Day:" from Date Archive Pages Titles Strips the word prefix, leaving only the numeric date. Checkbox true / false false

Search and 404 Pages Options

Below is the complete list of Search and 404 Pages Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_search_results_heading Hide Search Results Heading Remove the heading that appears above search results. Checkbox true / false false
search_results_heading Search Results Heading Enter a sentence to display before the search query (e.g., "Search Results for:"). Text A text string (plain text or HTML allowed) Search Results for:
no_search_heading No Search Results Heading Enter a heading to display when no search results are found. Text A text string (plain text or HTML allowed) Nothing Found
no_search_results No Search Results Message Enter a message to display when no search results are found. Textarea Multiline text (plain text or HTML allowed) Sorry, but nothing matched your search terms. Please try again with some different keywords.
error_404_heading 404 Error Page Heading Enter the heading for the 404 error page. Text A text string (plain text or HTML allowed) Oops! That page can not be found.
error_404_message Error 404 Message Enter a message to display on the 404 error page. Textarea Multiline text (plain text or HTML allowed) It looks like nothing was found at this location. Maybe try one of the links below or a search?
hide_404_search Hide Search Box from 404 Page Remove the search box that appears on the 404 error page. Checkbox true / false false

Usage Tips:

  • Search Results Heading: This text appears before the search query. For example, if set to "Search Results for:" and user searches for "wordpress", it will display "Search Results for: wordpress".
  • HTML Support: All text fields and textareas support HTML, allowing you to add links, formatting, or custom styling to your messages.
  • 404 Page Search Box: By default, a search box appears on 404 pages to help users find what they're looking for. You can hide it if you prefer a cleaner error page.
  • User-Friendly Messages: Customize these messages to match your site's tone and provide helpful guidance to visitors who encounter these pages.

Other Options

Below is the complete list of Other Options available:

Option ID Option Name Description Control Type Accepted Value Default
full_width_widgets_plural_width Full Width Widget Areas Width (non-singular pages) Enter the width of the full width widget areas of your website on the screens larger than 1277px (full width widget areas width of non-single post types). Text A CSS length value (e.g., 1550px, 98%) 1550px
full_width_widgets_singular_width Full Width Widget Areas Width (singular pages) Enter the width of the full width widget areas of your website on the screens larger than 1277px (full width widget areas width of single post of any post type: post, attachment, page, custom post types). Text A CSS length value (e.g., 1550px, 98%) 1550px
enable_widgets_block_editor Enable Gutenberg Widget Block Editor Enable the WordPress Gutenberg block editor for widgets instead of the classic widget interface. Checkbox true / false false
disable_lazy_load Disable WP Lazy Load Feature Disable the native WordPress lazy loading feature for images. Checkbox true / false false
disable_loading_animation Disable Site Loading Animation Disable the loading animation that appears when the site is loading. Checkbox true / false false
disable_sticky_sidebar Disable Sticky Feature from Sidebars Disable the sticky/fixed sidebar behavior that keeps sidebars visible while scrolling. Checkbox true / false false
disable_fitvids Disable FitVids.JS You can disable fitvids.js script if you are not using videos on your website or if you do not want fluid width videos in your post content. Checkbox true / false false
disable_1218w_660h_image Disable 1218:660 Thumbnail Disable generation of 1218x660 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_880w_500h_image Disable 880:500 Thumbnail Disable generation of 880x500 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_675w_360h_image Disable 675:360 Thumbnail Disable generation of 675x360 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_360w_540h_image Disable 360:540 Thumbnail Disable generation of 360x540 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_360w_480h_image Disable 360:480 Thumbnail Disable generation of 360x480 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_360w_300h_image Disable 360:300 Thumbnail Disable generation of 360x300 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_360w_216h_image Disable 360:216 Thumbnail Disable generation of 360x216 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
disable_360w_180h_image Disable 360:180 Thumbnail Disable generation of 360x180 pixel thumbnails. Requires thumbnail regeneration after change. Checkbox true / false false
reset_settings Reset All Theme Options Reset all theme options made for this theme to their default values by clicking the button. Warning: This action cannot be undone! Submit Button Action trigger (empty)

Widget Area Width Controls:

These settings control the maximum width of full-width widget areas on screens larger than 1277px. You can set different widths for singular pages (posts, pages) and non-singular pages (archives, home).

Feature Toggles:

  • Gutenberg Widget Block Editor: Switch between the classic widget interface and the modern block-based widget editor.
  • WP Lazy Load: WordPress's native lazy loading delays image loading until they're needed. Disable if using a custom lazy load solution.
  • Loading Animation: The animation displayed while the site loads. Disable for instant content display.
  • Sticky Sidebar: Keeps sidebars fixed in view while scrolling. Disable for traditional scrolling behavior.
  • FitVids.JS: Makes embedded videos responsive. Disable if not using videos to reduce page weight.

⚠️ Thumbnail Size Management - Important Notes:

  • Do not disable thumbnails unless you know what you're doing. Disabled sizes won't be generated for new uploads.
  • You can still select disabled thumbnail sizes in theme options, but they won't work until re-enabled.
  • After disabling or enabling any thumbnail size, use the Force Regenerate Thumbnails plugin to rebuild all image sizes.
  • Disabling unused thumbnail sizes can save server disk space and reduce image processing time.
  • 8 thumbnail size toggles available: 1218:660, 880:500, 675:360, 360:540, 360:480, 360:300, 360:216, 360:180

⚠️ Reset Theme Options:

The "Reset All Theme Options" button will permanently delete all customizations made through the Theme Customizer and restore default values. This action cannot be undone! Make sure to document or backup your settings before resetting.

Post Settings

The Post Settings - MagSoul PRO meta box appears below the editor whenever you add or edit a post. It lets you override many global MagSoul PRO options on a per-post basis, making it perfect for custom landing pages, sponsored stories, or any content that needs a special layout.

Note: Leave a control in its default state (unchecked, empty, or set to "No selection") to inherit the value configured in the WordPress Customizer. Any changes made here will apply to the current post only.

Available settings

Option ID Option Name Description Control Type Accepted Value Default

Layout Options

_themesdna_options_layout_typeLayout TypeSelect a layout type for this post.Dropdown

One of the values below:

  • Boxed
  • Full
  • No selection
No selection
_themesdna_options_main_area_width_singularMain Area WidthEnter the main area width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_singular_layoutLayout StyleSelect a layout style for this post.Dropdown

One of the values below:

  • Sidebar 1 + Content + Sidebar 2
  • Sidebar 2 + Content + Sidebar 1
  • Content + Sidebar 1 + Sidebar 2
  • Content + Sidebar 2 + Sidebar 1
  • Sidebar 1 + Sidebar 2 + Content
  • Sidebar 2 + Sidebar 1 + Content
  • Sidebar 1 + Content
  • Content + Sidebar 1
  • Content + Sidebar 2
  • Sidebar 2 + Content
  • One Column
  • One Column + Bottom Sidebar
  • No selection
No selection
_themesdna_options_header_width_singularHeader WidthEnter the header width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_header_layoutHeader StyleSelect site header style.Dropdown

One of the values below:

  • Logo
  • Primary Menu
  • Logo + Primary Menu
  • Logo + Search Box + Primary Menu
  • Logo + Header Banner + Primary Menu
  • Logo + Primary Menu (Full Width)
  • Logo + Search Box + Primary Menu (Full Width)
  • Logo + Header Banner + Primary Menu (Full Width)
  • No selection
No selection
footer_container_singular_widthFooter WidthEnter the footer width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_footer_grid_colsFooter ColumnsSelect the number of columns in the site footer in desktop view.Dropdown

One of the values below:

  • 1 Column
  • 2 Columns
  • 3 Columns
  • 4 Columns
  • 5 Columns
  • 6 Columns
  • No selection
No selection
_themesdna_options_full_width_widgets_width_singularFull Width Widget Areas WidthEnter the full width widget areas width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_disable_news_tickerDisable News TickerDisable the news ticker for this post.Toggletrue / falsefalse
_themesdna_options_news_ticker_width_singularNews Ticker WidthEnter the news ticker width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_hide_header_contentHide Header ContentHide the header content for this post.Toggletrue / falsefalse
_themesdna_options_disable_primary_menuDisable Primary Menu (Header Menu)Disable the primary menu for this post.Toggletrue / falsefalse
_themesdna_options_disable_secondary_menuDisable Secondary MenuDisable the secondary menu for this post.Toggletrue / falsefalse
_themesdna_options_secondary_menu_width_singularSecondary Menu WidthEnter the secondary menu width of this post on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_disable_responsive_primary_menuDisable Responsiveness(Mobile View) from Primary Menu (Header Menu)Disable the responsiveness from the primary menu for this post.Toggletrue / falsefalse
_themesdna_options_disable_responsive_secondary_menuDisable Responsiveness(Mobile View) from Secondary MenuDisable the responsiveness from the secondary menu for this post.Toggletrue / falsefalse
_themesdna_options_disable_sticky_headerDisable Sticky Feature from HeaderDisable the sticky feature from the header for this post.Toggletrue / falsefalse
_themesdna_options_disable_sticky_mobile_headerDisable Sticky Feature from Header on Small ScreenDisable the sticky feature from the header on small screens for this post.Toggletrue / falsefalse
_themesdna_options_disable_sticky_sidebarDisable Sticky Feature from SidebarsDisable the sticky feature from the sidebars for this post.Toggletrue / falsefalse
_themesdna_options_hide_footer_widgetsHide Footer WidgetsHide the footer widgets for this post.Toggletrue / falsefalse
_themesdna_options_hide_footer_social_buttonsHide Footer Social + Random + Login/Logout ButtonsHide the footer social buttons, random button, and login/logout buttons for this post.Toggletrue / falsefalse
_themesdna_options_hide_copyright_creditHide Copyright + Theme Designer CreditsHide the copyright and theme designer credits for this post.Toggletrue / falsefalse
_themesdna_options_disable_fitvidsDisable FitVids.JSYou can disable fitvids.js script if you are not using videos on this post or if you do not want fluid width videos in your post content.Toggletrue / falsefalse
_themesdna_options_disable_backtotopDisable Back to Top ButtonDisable the back to top button for this post.Toggletrue / falsefalse

Header Image in Full Post Options

_themesdna_options_hide_header_imageHide Header ImageHide the header image for this post.Toggletrue / falsefalse
_themesdna_options_header_imageSite Header ImageUpload an image or enter an image URL to use as a header image.File

Supported file formats:

  • .gif
  • .jpg
  • .png
(empty)
_themesdna_options_header_image_destinationSite Header Image Destination URLEnter the URL a visitor should go when he/she click on the header image.Text URLA valid URL(empty)
_themesdna_options_remove_header_image_destinationRemove Destination URL from Site Header ImageRemove the destination URL from the header image for this post.Toggletrue / falsefalse
_themesdna_options_header_image_destination_targetOpen Header Image Destination URL in a New Window/TabOpen the header image destination URL in a new window/tab for this post.Toggletrue / falsefalse
_themesdna_options_header_image_destination_relAdd rel="nofollow" attribute to Header Image Destination URLAdd rel="nofollow" attribute to the header image destination URL for this post.Toggletrue / falsefalse
_themesdna_options_header_image_titleSite Header Image TitleEnter a title for the header image of this post.TextareaPlain text / HTML(empty)
_themesdna_options_header_image_descriptionSite Header Image DescriptionEnter a description for the header image of this post.TextareaPlain text / HTML(empty)
_themesdna_options_header_image_alt_textSite Header Image Alt TextSet the alt text for the site header image of this post to improve accessibility and SEO.TextPlain text(empty)

Full Post Options

_themesdna_options_hide_thumbnailHide Featured Image from Full PostHide the featured image in single view for this post.Toggletrue / falsefalse
_themesdna_options_featured_media_under_post_titleMove Featured Image to Bottom of Full Post TitleMove the featured image to the bottom of the full post title for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_likesHide Post Likes from Full PostHide the post likes in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_viewsHide Post Views from Full PostHide the post views in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_categoriesHide Post Categories from Full PostHide the post categories in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_breadcrumbsHide Breadcrumbs from Full PostHide the breadcrumbs in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_headerHide Post Header from Full PostHide the post header in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_titleHide Post Title from Full PostHide the post title in single view for this post.Toggletrue / falsefalse
_themesdna_options_remove_post_title_linkRemove Link from Full Post TitleRemove the link from the full post title for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_authorHide Post Author from Full PostHide the post author in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_posted_dateHide Posted Date from Full PostHide the posted date in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_comments_linkHide Comment Link from Full PostHide the comment link in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_comment_formHide Comments/Comment Form from Full PostHide the comments and comment form for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_tagsHide Post Tags from Full PostHide the post tags in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_share_buttonsHide Share Buttons from Full PostHide the share buttons in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_author_bio_boxHide Author Bio Box from Full PostHide the author bio box for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_editHide Post Edit Link from Full PostHide the post edit link in single view for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_navigationHide Post Navigation from Full PostHide the post navigation for this post.Toggletrue / falsefalse
_themesdna_options_hide_related_postsHide Related Posts from Full PostHide the related posts for this post.Toggletrue / falsefalse
_themesdna_options_related_posts_headingRelated Posts HeadingEnter a heading for the related posts section of this post.TextPlain text(empty)
_themesdna_options_related_posts_idsPosts Ids of Related PostsIf you want to displays specific posts as related posts of this post, then specify ids of these posts separated by commas. Important: do not keep spaces. Example: 582,1016,1425,3215,3595Texte.g. 487,582,1016(empty)
_themesdna_options_related_posts_numberNumber of Related PostsChoose the number of posts you need to display in the related posts area of full post.Dropdown

One of the values below:

  • 1 Post
  • 2 Posts
  • 3 Posts
  • ...
  • 27 Posts
  • 28 Posts
  • No selection
No selection
_themesdna_options_related_posts_taxonomyTaxonomy for Related PostsSelect the taxonomy for related posts in full posts. Note: If you have entered post ids for related posts using the "Posts Ids of Related Posts" setting, this option do not have any effect.Dropdown

One of the values below:

  • Categories
  • Tags
  • Tags and Categories
  • Same Author
  • No selection
No selection
_themesdna_options_related_posts_orderbyOrderby Value for Related PostsField used to sort the related posts query.Dropdown

One of the values below:

  • Published Date
  • Modified Date
  • Number of Comments
  • Random
  • Post Likes
  • Post Views
  • No selection
No selection
_themesdna_options_related_posts_orderOrder Value for Related PostsAscending or descending sort for related posts.Dropdown

One of the values below:

  • Ascending order
  • Descending order
  • No selection
No selection
_themesdna_options_hide_post_likes_relatedHide Post Likes from Related PostsHide post likes in related posts for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_views_relatedHide Post Views from Related PostsHide post views in related posts for this post.Toggletrue / falsefalse
_themesdna_options_hide_share_buttons_relatedHide Share Buttons from Related PostsHide share buttons in related posts for this post.Toggletrue / falsefalse
_themesdna_options_post_ad_one_codePost Ad 1 CodeThis ad is located under post title.TextareaAny ad code(empty)
_themesdna_options_hide_post_ad_oneHide Post Ad 1Hide the post ad 1 for this post.Toggletrue / falsefalse
_themesdna_options_post_ad_two_codePost Ad 2 CodeThis ad is located under post content.TextareaAny ad code(empty)
_themesdna_options_hide_post_ad_twoHide Post Ad 2Hide the post ad 2 for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_bottom_widgetsHide Post Bottom WidgetsHide the post bottom widgets for this post.Toggletrue / falsefalse

Post Summary Options

_themesdna_options_hide_post_likes_homeHide Post Likes from Grid | Non-Grid Post SummaryHide post likes in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_views_homeHide Post Views from Grid | Non-Grid Post SummaryHide post views in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_title_homeHide Post Title from Grid | Non-Grid Post SummaryHide post title in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_remove_post_title_link_homeRemove Link of Post Title from Grid | Non-Grid Post SummaryRemove link of post title in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_hide_post_author_homeHide Post Author from Grid | Non-Grid Post SummaryHide post author in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_hide_posted_date_homeHide Posted Date from Grid | Non-Grid Post SummaryHide posted date in grid or non-grid post summary for this post.Toggletrue / falsefalse
_themesdna_options_hide_comments_link_homeHide Comment Link from Grid | Non-Grid Post SummaryHide comment link in grid or non-grid post summary for this post.Toggletrue / falsefalse

Page Settings

The Page Settings - MagSoul PRO meta box appears below the editor whenever you add or edit a page. It lets you override many global MagSoul PRO options on a per-page basis, making it perfect for custom landing pages, sponsored stories, or any content that needs a special layout.

Note: Leave a control in its default state (unchecked, empty, or set to "No selection") to inherit the value configured in the WordPress Customizer. Any changes made here will apply to the current page only.

Available settings

Option ID Option Name Description Control Type Accepted Value Default

Layout Options

_themesdna_options_layout_typeLayout TypeSelect a layout type for this page.Dropdown

One of the values below:

  • Boxed
  • Full
  • No selection
No selection
_themesdna_options_main_area_width_singularMain Area WidthEnter the main area width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_singular_layoutLayout StyleSelect a layout style for this page.Dropdown

One of the values below:

  • Sidebar 1 + Content + Sidebar 2
  • Sidebar 2 + Content + Sidebar 1
  • Content + Sidebar 1 + Sidebar 2
  • Content + Sidebar 2 + Sidebar 1
  • Sidebar 1 + Sidebar 2 + Content
  • Sidebar 2 + Sidebar 1 + Content
  • Sidebar 1 + Content
  • Content + Sidebar 1
  • Content + Sidebar 2
  • Sidebar 2 + Content
  • One Column
  • One Column + Bottom Sidebar
  • No selection
No selection
_themesdna_options_header_width_singularHeader WidthEnter the header width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_header_layoutHeader StyleSelect site header style.Dropdown

One of the values below:

  • Logo
  • Primary Menu
  • Logo + Primary Menu
  • Logo + Search Box + Primary Menu
  • Logo + Header Banner + Primary Menu
  • Logo + Primary Menu (Full Width)
  • Logo + Search Box + Primary Menu (Full Width)
  • Logo + Header Banner + Primary Menu (Full Width)
  • No selection
No selection
footer_container_singular_widthFooter WidthEnter the footer width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_footer_grid_colsFooter ColumnsSelect the number of columns in the site footer in desktop view.Dropdown

One of the values below:

  • 1 Column
  • 2 Columns
  • 3 Columns
  • 4 Columns
  • 5 Columns
  • 6 Columns
  • No selection
No selection
_themesdna_options_full_width_widgets_width_singularFull Width Widget Areas WidthEnter the full width widget areas width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_disable_news_tickerDisable News TickerDisable the news ticker for this page.Toggletrue / falsefalse
_themesdna_options_news_ticker_width_singularNews Ticker WidthEnter the news ticker width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_hide_header_contentHide Header ContentHide the header content for this page.Toggletrue / falsefalse
_themesdna_options_disable_primary_menuDisable Primary Menu (Header Menu)Disable the primary menu for this page.Toggletrue / falsefalse
_themesdna_options_disable_secondary_menuDisable Secondary MenuDisable the secondary menu for this page.Toggletrue / falsefalse
_themesdna_options_secondary_menu_width_singularSecondary Menu WidthEnter the secondary menu width of this page on the screens larger than 1277px.TextA pixel value or %(empty)
_themesdna_options_disable_responsive_primary_menuDisable Responsiveness(Mobile View) from Primary Menu (Header Menu)Disable the responsiveness from the primary menu for this page.Toggletrue / falsefalse
_themesdna_options_disable_responsive_secondary_menuDisable Responsiveness(Mobile View) from Secondary MenuDisable the responsiveness from the secondary menu for this page.Toggletrue / falsefalse
_themesdna_options_disable_sticky_headerDisable Sticky Feature from HeaderDisable the sticky feature from the header for this page.Toggletrue / falsefalse
_themesdna_options_disable_sticky_mobile_headerDisable Sticky Feature from Header on Small ScreenDisable the sticky feature from the header on small screens for this page.Toggletrue / falsefalse
_themesdna_options_disable_sticky_sidebarDisable Sticky Feature from SidebarsDisable the sticky feature from the sidebars for this page.Toggletrue / falsefalse
_themesdna_options_hide_footer_widgetsHide Footer WidgetsHide the footer widgets for this page.Toggletrue / falsefalse
_themesdna_options_hide_footer_social_buttonsHide Footer Social + Random + Login/Logout ButtonsHide the footer social buttons, random button, and login/logout buttons for this page.Toggletrue / falsefalse
_themesdna_options_hide_copyright_creditHide Copyright + Theme Designer CreditsHide the copyright and theme designer credits for this page.Toggletrue / falsefalse
_themesdna_options_disable_fitvidsDisable FitVids.JSYou can disable fitvids.js script if you are not using videos on this page or if you do not want fluid width videos in your page content.Toggletrue / falsefalse
_themesdna_options_disable_backtotopDisable Back to Top ButtonDisable the back to top button for this page.Toggletrue / falsefalse

Header Image Settings

_themesdna_options_hide_header_imageHide Header ImageHide the header image for this page.Toggletrue / falsefalse
_themesdna_options_header_imageSite Header ImageUpload an image or enter an image URL to use as a header image.File

Supported file formats:

  • .gif
  • .jpg
  • .png
(empty)
_themesdna_options_header_image_destinationSite Header Image Destination URLEnter the URL a visitor should go when he/she click on the header image.Text URLA valid URL(empty)
_themesdna_options_remove_header_image_destinationRemove Destination URL from Site Header ImageRemove the destination URL from the header image for this page.Toggletrue / falsefalse
_themesdna_options_header_image_destination_targetOpen Header Image Destination URL in a New Window/TabOpen the header image destination URL in a new window/tab for this page.Toggletrue / falsefalse
_themesdna_options_header_image_destination_relAdd rel="nofollow" attribute to Header Image Destination URLAdd rel="nofollow" attribute to the header image destination URL for this page.Toggletrue / falsefalse
_themesdna_options_header_image_titleSite Header Image TitleEnter a title for the header image of this page.TextareaPlain text / HTML(empty)
_themesdna_options_header_image_descriptionSite Header Image DescriptionEnter a description for the header image of this page.TextareaPlain text / HTML(empty)
_themesdna_options_header_image_alt_textSite Header Image Alt TextSet the alt text for the site header image of this page to improve accessibility and SEO.TextPlain text(empty)

Page Content Settings

_themesdna_options_hide_page_thumbnailHide Featured ImageHide the featured image for this page.Toggletrue / falsefalse
_themesdna_options_featured_media_under_page_titleMove Featured Image to Bottom of Page TitleMove the featured image to the bottom of the page title for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_headerHide Page HeaderHide the page header for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_titleHide Page TitleHide the page title for this page.Toggletrue / falsefalse
_themesdna_options_remove_page_title_linkRemove Link from Page TitleRemove the link from the page title for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_dateHide Posted DateHide the posted date for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_authorHide Page AuthorHide the page author for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_commentsHide Comment LinkHide the comment link for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_comment_formHide Comments/Comment FormHide the comments and comment form for this page.Toggletrue / falsefalse
_themesdna_options_hide_page_editHide Edit LinkHide the edit link for this page.Toggletrue / falsefalse

Performance & SEO Tips

To get the best out of MagSoul PRO, it's important to optimize your website for both performance and search engines. Below are helpful tips to improve loading speed, user experience, and your site's visibility on search engines and social media:

  • Use Optimized & WebP Images: Compress images using tools like TinyPNG and convert them to WebP format for better performance and smaller file sizes.
  • Enable Caching: Use a caching plugin like WP Super Cache or WP Rocket to reduce load times.
  • Use a CDN: Content Delivery Networks like Cloudflare or BunnyCDN help deliver your website content faster across the globe.
  • Minify CSS & JavaScript: Use a plugin like Autoptimize to reduce file sizes and improve performance.
  • Optimize Fonts: Load Google Fonts asynchronously or host them locally to prevent render-blocking. Or use system fonts for maximum speed.
  • Avoid Unnecessary Plugins: Even though MagSoul PRO is performance-optimized, using too many plugins can slow down your site. Only install plugins that are essential for your functionality.
  • Set SEO Titles & Meta Descriptions: Use plugins like Yoast SEO or Rank Math to improve on-page SEO and indexability.
  • Display Correct Thumbnails on Social Media: To ensure your post thumbnails appear properly when sharing on Facebook, X (Twitter), or LinkedIn, install an SEO plugin and enable Open Graph and Twitter Card meta tags. Set a featured image for each post.
  • Enable Lazy Loading: Use WordPress’s built-in lazy loading or plugins like a3 Lazy Load to delay off-screen images and speed up initial page load.
  • Clean the Database: Use plugins like WP-Optimize to remove post revisions, spam comments, and transients.
  • Add Structured Data: Enhance search visibility with schema markup using Rank Math or Yoast's advanced schema tools.

Translation & RTL

MagSoul PRO is fully translation-ready and supports Right-to-Left (RTL) languages like Arabic, Hebrew, and Persian out of the box.

🌐 Translating the Theme

The theme includes a magsoul-pro.pot file located in the /languages folder inside the theme directory. You can use this file to create translations in your own language using any of the following tools:

After translating, save your files as:

  • magsoul-pro-[language_code].po
  • magsoul-pro-[language_code].mo

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

MagSoul PRO includes built-in RTL support. If your WordPress site language is set to an RTL language, the theme will automatically adjust layout direction, alignment, and spacing accordingly. No extra setup required.

If you're customizing your site with RTL content, make sure your text widgets, menus, and custom styles are also RTL-compatible for best results.

FAQ

In this section, you’ll find quick answers to the most frequently asked questions about using the MagSoul PRO theme. These cover common scenarios and settings that often confuse new users. If you can’t find your answer here, you can contact our support team for more help.

Why is my logo/site icon/header image/background image missing after upgrading to PRO?

When switching from the free to PRO version, you need to manually reupload your Site Logo, Header Image, Site Icon, and Background Image via Appearance → Customize.

My menus disappeared after theme activation. What should I do?

Go to Appearance → Menus → Manage Locations and reassign your existing menus to the correct theme locations.

How to activate the "Load More" navigation for posts?

  1. Go to AppearanceCustomizeTheme OptionsPost/Posts Navigation Options.
  2. Under the Posts Navigation Type setting, select Load More Button.
  3. Save your changes, and load more button navigation will be enabled for your post listings.

Note: Also you need to deactivated the "WP-PageNavi plugin" if you are using it.

How to activate the "Infinite Scroll" navigation for posts?

  1. Go to AppearanceCustomizeTheme OptionsPost/Posts Navigation Options.
  2. Under the Posts Navigation Type setting, select Infinite Scroll.
  3. Save your changes, and infinite scrolling will be enabled for your post listings.

Note: Also you need to deactivated the "WP-PageNavi plugin" if you are using it.

How do I reset Customizer settings to default?

Go to AppearanceCustomizeTheme OptionsOther Options, then click the Reset Theme Options button. A confirmation dialog will appear. Confirm the action to reset your WordPress Customizer settings.

Troubleshooting

This section covers common technical problems you may encounter while installing, activating, or customizing the MagSoul PRO theme. Each issue includes practical steps you can follow to quickly resolve the problem and get your site running smoothly. If your specific issue isn’t listed, you can always reach out to our support team for assistance.

Post thumbnails are missing when sharing on social media

Install an SEO plugin like Yoast SEO or Rank Math and enable Open Graph tags. Always set a featured image for each post to ensure proper thumbnails appear when sharing.

I get "The uploaded file exceeds the upload_max_filesize directive" error.

This means your hosting has a small file upload limit. Follow this guide to increase it or use cPanel/File Manager to upload the theme.

Support & Licensing

All our WordPress themes, including MagSoul PRO, are released under the 100% GPL (General Public License). You can use the theme on unlimited websites and modify the code to suit your needs.

What’s included in free support:

  • Help with theme installation and setup
  • Bug fixes and troubleshooting related to the theme
  • Guidance on using built-in theme features

What’s not included in free support (but available as paid tasks):

  • Theme customization or resolving third-party plugin conflicts
  • Custom coding or feature implementation requests
  • Performance tuning, SEO setup, or server configuration assistance

If you need help or would like to request a paid customization, please contact us. We typically respond within 24–48 hours on working days.

Contact Support

Changelog & Versioning

The following is a log of all updates and changes made to MagPal PRO. We recommend always using the latest version to benefit from improvements and new features.

= Version 1.0.4 =

  • Fixed coding issues.

= Version 1.0.3 =

  • Fixed coding issues.
  • Theme Customizer updated.

= Version 1.0.2 =

  • Fixed coding issues.
  • Theme Customizer updated.

= Version 1.0.1 =

  • Fixed coding issues.
  • Theme Customizer updated.
  • Google font links are updated.

= Version 1.0.0 =

  • Initial Release

Date Formats

You can use the following date format values to control how dates appear in various places such as custom widgets, post metadata, news tickers, and more. These formats follow the standard PHP date formatting rules used by WordPress. Refer to the table below to choose a format that best fits your design and content style.

Format KeyExample Output
H:i00:50
g:i a12:50 am
g:i A12:50 AM
g:i:s a12:50:48 am
g:i:s A12:50:48 AM
d.m.y27.11.10
Y.m.d2010.11.27
Y-m-d2010-11-27
Y/m/d2010/11/27
m.d.Y11.27.2010
m-d-Y11-27-2010
m/d/Y11/27/2010
d.m.Y27.11.2010
d-m-Y27-11-2010
d/m/Y27/11/2010
m/d/Y g:i:s a11/27/2010 12:50:48 am
m/d/Y g:i:s A11/27/2010 12:50:48 AM
Y/m/d \a\t g:i a2010/11/27 at 12:50 am
Y/m/d \a\t g:i A2010/11/27 at 12:50 AM
d F27 November
F, YNovember, 2010
F j, YNovember 27, 2010
d M Y27 Nov 2010
M j, YNov 27, 2010
M j, Y @ H:iNov 27, 2010 @ 0:50
l, F j, YSaturday, November 27, 2010
l, F jS, YSaturday, November 27th, 2010