ElegantWP PRO Documentation

Introduction

Thank you for choosing ElegantWP PRO! This documentation will help you set up and customize your theme quickly and effectively.

ElegantWP PRO is a responsive, modern, three-column WordPress theme designed for blogs, news sites, and magazines. It features extensive theme options, multiple navigation menus, 10 post styles, featured posts widgets (carousel, grid, list), news ticker, layout options, custom page/post templates, social buttons, share buttons, related posts, author bio box, WooCommerce support, sticky sidebar, sticky menu, back-to-top button, and much more.

Quick Start Guide

  1. Install and activate the theme via Appearance → Themes → Add New → Upload Theme.
  2. Go to Appearance → Customize → Theme Options to configure your settings.
  3. Set up your menus under Appearance → Menus.
  4. Add widgets via Appearance → Widgets.
  5. Start publishing content!

Theme Installation

After purchasing the ElegantWP 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 ElegantWP Theme?

ElegantWP PRO is a separate theme. Whether or not you're currently using the free ElegantWP theme, you need to install ElegantWP 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 ElegantWP 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 ElegantWP PRO theme demo.

Manual Demo Import

Step 1: Import Main Site Content

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

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

Step 2: Import Widgets

  1. Install the Widget Importer & Exporter plugin.
  2. Go to Tools → Widget Importer & Exporter.
  3. Copy content from: Widgets .wie File and paste into the box.
  4. Click Import Widgets.

Step 3: Import Customizer Settings

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

Regenerate Thumbnails

If your website already has existing posts with featured images, it's highly recommended to regenerate thumbnails after activating the ElegantWP 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 ElegantWP PRO theme.

Header Image

The ElegantWP PRO theme supports a custom header image that appears at the top of your site.

  1. Go to Appearance → Customize.
  2. Click on Header Image.
  3. Click Add new image and upload your desired header image.
  4. Adjust the crop area if needed and click Crop Image or Skip Cropping.
  5. Click Publish to save your changes.

The recommended header image size is 1250 x 200 pixels (the theme supports flexible height, so taller images will crop as needed).

Tips

  • Your site title and description appear in the header area (below the header image) when header content is not hidden.
  • Site title and description colors use the Header Text Color setting under Appearance → Customize → Colors.
  • To remove the header image, go to Header Image and click Remove Header Image.

News Ticker

The ElegantWP PRO theme includes a scrolling News Ticker (also known as "Breaking News" or "Trending News") that appears below the navigation menu. It uses the jQuery Marquee plugin for smooth horizontal scrolling.

How to Enable the News Ticker

  1. Go to Appearance → Customize.
  2. Navigate to Theme Options → News Ticker.
  3. Check the Enable News Ticker option.
  4. Configure the following settings:
    • News Ticker Heading – Custom heading text (default: "Breaking News").
    • Number of News Ticker Posts – How many posts to display (default: 5).
    • News Ticker Posts Type – Choose from: Recent Posts, Popular Posts, Random Posts, Category Posts, or Tag Posts.
    • News Ticker Posts Category – Select a category (if Posts Type is "Category Posts").
    • News Ticker Posts Tag – Select a tag (if Posts Type is "Tag Posts").
  5. Click Publish to save your changes.

Notes

  • The news ticker shows each post's date and title as clickable links.
  • The ticker colors (background, heading, text, dates) can be customized via Theme Options → Colors.
  • The ticker heading font can be customized via Theme Options → Fonts.

Custom Widgets

ElegantWP PRO includes 19 custom widgets. Below is the full inventory; detailed docs follow for the widgets with dedicated sections.

Widget Inventory (19)

  1. ElegantWP Featured Posts – Style 1
  2. ElegantWP Featured Posts – Style 2
  3. ElegantWP Featured Posts – Style 3
  4. ElegantWP Featured Posts – Style 4
  5. ElegantWP Featured Posts – Style 5
  6. ElegantWP Featured Posts – Style 6
  7. ElegantWP Featured Posts – Style 7 (Carousel)
  8. ElegantWP Featured Posts – Style 8
  9. ElegantWP Featured Posts – Style 9
  10. ElegantWP Featured Posts – Style 10
  11. ElegantWP Featured Posts – Style 11
  12. ElegantWP Featured Posts – Style 12
  13. ElegantWP Featured Posts – Style 13
  14. ElegantWP Featured Posts – Style 14
  15. ElegantWP Featured Posts – Style 15
  16. ElegantWP Featured Posts – Style 16
  17. ElegantWP Tabbed Widget
  18. ElegantWP About and Social Widget
  19. ElegantWP Social Buttons Widget

Tip: Widget forms in Appearance → Widgets show the exact options for each style. Styles share similar post-source settings (recent/popular/random/category/tag) unless noted otherwise.

ElegantWP Tabbed Widget

Three-tabbed widget for organizing posts. Each tab has its own source, ordering, and display settings. Users can switch between tabs to view different sets of posts.

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
titleTitleWidget title.TextAny textTabbed Widget
show_popular_postsShow Popular Posts Tab?Enable popular posts tab.Checkboxtrue / falsefalse
show_recent_postsShow Recent Posts Tab?Enable recent posts tab.Checkboxtrue / falsetrue
show_random_postsShow Random Posts Tab?Enable random posts tab.Checkboxtrue / falsefalse
tab_one_nameTab One TitleLabel for tab one.TextAny textPopular
tab_two_nameTab Two TitleLabel for tab two.TextAny textRecent
tab_three_nameTab Three TitleLabel for tab three.TextAny textRandom
numberNumber of posts to showCount per tab.TextPositive integer5
show_thumbnailDisplay Post Thumbnail?Show featured image.Checkboxtrue / falsetrue
show_authorDisplay Post Author?Show author.Checkboxtrue / falsefalse
show_dateDisplay Post Date?Show date.Checkboxtrue / falsetrue
show_commentsDisplay Number of Comments?Show comment count.Checkboxtrue / falsetrue
show_snippetDisplay Post Snippet?Show snippet.Checkboxtrue / falsefalse
snippet_lengthPost snippet lengthWords in snippet.TextPositive integer20

ElegantWP About and Social Widget

Profile widget with image, description, and many social links. Options include title, image URL, description, round/normal icons, and URLs for supported networks.

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
titleTitleWidget title.TextAny textAbout and Social Widget
imageProfile Image URLURL of the profile image.TextValid image URL(empty)
descriptionDescriptionProfile description (HTML allowed).TextareaHTML/text(empty)
round_buttonsDisplay round social buttons?Toggle round vs square icons.Checkboxtrue / falsefalse
facebook ... rssSocial URLsURLs for supported networks (Facebook, Twitter/X, Pinterest, LinkedIn, Instagram, Flickr, YouTube, Vimeo, SoundCloud, Last.fm, GitHub, Bitbucket, Tumblr, Digg, Delicious, StumbleUpon, Reddit, Dribbble, etc.).TextValid URLs (or leave blank)(empty)

ElegantWP Social Buttons Widget

Simple social icon widget. Options: title, round buttons toggle, and URLs/usernames for supported networks (Facebook, X/Twitter, Pinterest, LinkedIn, Instagram, Flickr, YouTube, Vimeo, SoundCloud, Last.fm, GitHub, Bitbucket, Tumblr, Digg, Delicious, StumbleUpon, Reddit, Dribbble, Behance, VK, CodePen, JSFiddle, Stack Overflow/Exchange, BuySellAds, SlideShare, Skype username, Email, RSS).

Option IDOption NameDescriptionControl TypeAccepted ValueDefault
titleTitleWidget title.TextAny textSocial Buttons
round_buttonsDisplay round buttons?Toggle round vs square icons.Checkboxtrue / falsefalse
facebook ... rssSocial URLs / usernamesFields for supported networks (Facebook, Twitter/X, Pinterest, LinkedIn, Instagram, Flickr, YouTube, Vimeo, SoundCloud, Last.fm, GitHub, Bitbucket, Tumblr, Digg, Delicious, StumbleUpon, Reddit, Dribbble, Behance, VK, CodePen, JSFiddle, Stack Overflow/Exchange, BuySellAds, SlideShare, Skype username, Email, RSS).TextValid URL or username (Skype/email as noted)(empty)

Widgets Areas

There are multiple widget areas in the ElegantWP PRO theme, organized by location and visibility context.


  1. Header Banner 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.

  2. Sidebar 1 Widgets

    This widget area is located on the left-hand side of your web page (in the default layout).

  3. Sidebar 2 Widgets

    This widget area is located on the right-hand side of your web page (in the default layout).

  4. Full Width Widgets (Home Page Only)

    This full-width widget area is located after the header. Widgets are displayed only on the homepage of your website.

  5. Full Width Widgets (Posts Only)

    This full-width widget area is located after the header. Widgets are displayed only on single post pages.

  6. Full Width Widgets (Posts/Pages Only)

    This full-width widget area is located after the header. Widgets are displayed on single posts and pages.

  7. Full Width Widgets (Every Page)

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

  8. Top Widgets (Home Page Only)

    This widget area is located at the top of the main content area. Widgets are displayed only on the homepage.

  9. Top Widgets (Posts Only)

    This widget area is located at the top of the main content area. Widgets are displayed only on single post pages.

  10. Top Widgets (Posts/Pages Only)

    This widget area is located at the top of the main content area. Widgets are displayed on single posts and pages.

  11. Top Widgets (Every Page)

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

  12. Bottom Widgets (Home Page Only)

    This widget area is located at the bottom of the main content area. Widgets are displayed only on the homepage.

  13. Bottom Widgets (Posts Only)

    This widget area is located at the bottom of the main content area. Widgets are displayed only on single post pages.

  14. Bottom Widgets (Posts/Pages Only)

    This widget area is located at the bottom of the main content area. Widgets are displayed on single posts and pages.

  15. Bottom Widgets (Every Page)

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

  16. Single Post Bottom Widgets

    This widget area is located at the bottom of single post pages, after the post content.

  17. Footer 1 Widgets

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

  18. Footer 2 Widgets

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

  19. Footer 3 Widgets

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

  20. Footer 4 Widgets

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

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 Banner Widgets
  2. Sidebar 1 Widgets
  3. Sidebar 2 Widgets
  4. Full Width Widgets (Every Page)
  5. Top Widgets (Every Page)
  6. Bottom Widgets (Every Page)
  7. Footer 1 Widgets
  8. Footer 2 Widgets
  9. Footer 3 Widgets
  10. Footer 4 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

ElegantWP PRO includes multiple custom page and post 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.

Special Function Templates

These page templates provide built-in functionality (available for pages only):

  • Contact Form: Creates a contact page with a built-in contact form for visitors to reach you.
  • Sitemap: Displays a structured list of your site's pages, categories, and archives for better navigation.
  • Authors: Shows a list of all authors on your site with their profiles and post counts.

Layout Templates

These templates control how content and sidebars are arranged on your pages and posts (each template is specific to either pages or posts, as noted in the WordPress template dropdown):

  • "Full Width, no sidebar" (Page): Displays the page content in full width without any sidebars.
  • "Full Width, bottom sidebar" (Page): Displays the page content in full width and loads the sidebar after the content area.
  • "Content + Sidebar 1" (Page): Shows the page content on the left and a sidebar on the right.
  • "Sidebar 1 + Content" (Page): Shows a sidebar on the left and the page content on the right.
  • "Content + Sidebar 2" (Page): Shows the page content on the left and a different sidebar on the right.
  • "Sidebar 2 + Content" (Page): Shows a sidebar on the left and the page content on the right.
  • "Content + Sidebar 1 + Sidebar 2" (Page): Shows content on the left, then two sidebars.
  • "Sidebar 1 + Content + Sidebar 2" (Page): Shows sidebar, content, sidebar.
  • "Sidebar 1 + Sidebar 2 + Content" (Page): Shows two sidebars on the left, content on the right.
  • "Content + Sidebar 2 + Sidebar 1" (Page): Shows content, sidebar2, sidebar1.
  • "Sidebar 2 + Content + Sidebar 1" (Page): Shows sidebar2, content, sidebar1.
  • "Sidebar 2 + Sidebar 1 + Content" (Page): Shows two sidebars, content.
  • "Full Width, no sidebar" (Post): Displays the post content in full width without any sidebars.
  • "Full Width, bottom sidebar" (Post): Displays the post content in full width and loads the sidebar after the content area.
  • "Content + Sidebar 1" (Post): Shows the post content on the left and a sidebar on the right.
  • "Sidebar 1 + Content" (Post): Shows a sidebar on the left and the post content on the right.
  • "Content + Sidebar 2" (Post): Shows the post content on the left and a different sidebar on the right.
  • "Sidebar 2 + Content" (Post): Shows a sidebar on the left and the post content on the right.
  • "Content + Sidebar 1 + Sidebar 2" (Post): Shows content on the left, then two sidebars.
  • "Sidebar 1 + Content + Sidebar 2" (Post): Shows sidebar, content, sidebar.
  • "Sidebar 1 + Sidebar 2 + Content" (Post): Shows two sidebars on the left, content on the right.
  • "Content + Sidebar 2 + Sidebar 1" (Post): Shows content, sidebar2, sidebar1.
  • "Sidebar 2 + Content + Sidebar 1" (Post): Shows sidebar2, content, sidebar1.
  • "Sidebar 2 + Sidebar 1 + Content" (Post): Shows two sidebars, content.

How to Assign a Custom Template:

  1. Go to Pages or PostsAdd New or edit an existing page/post.
  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 or Post 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 from the list.
  4. Click Publish or Update to apply the template.

How to Create a Contact Page

ElegantWP PRO includes a built-in Contact Form template that allows you to easily add a clean and responsive contact form to your site, without needing any additional plugins.

Step 1: Create the Contact Page

  1. Go to WordPress DashboardPagesAdd New.
  2. Give your page a title like Contact Us.
  3. Look for the Template option:
    • In Gutenberg: Make sure the right sidebar is visible. Then click the Page tab and scroll down to find the Template dropdown.
    • 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.
  4. Select the Contact Form template.
  5. Click Publish.

Step 2: Configure the Contact Form Email Address

To receive messages submitted via the built-in contact form, you must set your email address:

  1. Go to WordPress DashboardAppearanceCustomize.
  2. Open Theme OptionsContact Page.
  3. Enter your preferred email address in the Contact Form Email Address field.
  4. Click Publish to save changes.

Note: If you do not set the Contact Form Email Address in the Customizer, the form will not send emails.

How the Form Works

  • The form includes fields for Name, Email, Subject, and Message.
  • Messages are sent to the email address you set in Contact Page options.

Spam Protection & Customization

While the built-in form is lightweight and convenient, you can use a plugin like Contact Form 7 if you need advanced form features such as spam protection, file uploads, or conditional fields.

How to Create a Sitemap Page

ElegantWP PRO includes a built-in Sitemap page template that displays a full, structured list of your site's content. It includes pages, posts, categories, tags, archives, and authors. This improves user navigation and SEO.

  1. Go to WordPress DashboardPagesAdd New.
  2. Enter a title like Sitemap.
  3. Look for the Template option:
    • In Gutenberg: Make sure the right sidebar is visible. Then click the Page tab and scroll to find the Template dropdown.
    • In Classic Editor: Make sure the Page Attributes box is enabled via the Screen Options tab at the top right. Then locate the Template dropdown in the right sidebar.
  4. Select the Sitemap template.
  5. Click Publish to make the sitemap live.

What's Included in the Sitemap Page

  • List of all Pages
  • List of all Categories and Tags
  • Monthly Archives
  • List of all Authors with links to their posts

This page is automatically generated and updates as new content is added to your site.

How to Create a Site Authors Page

ElegantWP PRO includes a built-in Authors page template that displays a list of all users with the Author role or higher. It shows their name, avatar, bio, and social profiles.

Step 1: Create the Authors Page

  1. Go to WordPress DashboardPagesAdd New.
  2. Enter a title like Our Authors or Meet the Team.
  3. Look for the Template option:
    • In Gutenberg: Make sure the right sidebar is visible. Then click the Page tab and scroll down to find the Template dropdown.
    • 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.
  4. Select the Authors template.
  5. Click Publish.

Step 2: Customize Author Display Settings (Optional)

  1. Go to AppearanceCustomize.
  2. Navigate to Theme OptionsAuthors Page.
  3. You can toggle the following settings:

    • Hide site administrators from the Authors page.
    • Hide authors with zero posts from the Authors page.
  4. Click Publish to save your changes.

Author Details Displayed

  • Each listed user must have the role of Author, Editor, or Administrator.
  • The template shows each author's display name, avatar, bio (description), and social profiles.
  • You can set each author's bio under UsersProfileBiographical Info.
  • You can set each author's social links under UsersProfileContact Info.

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_logoLogoImage ID of the custom logo uploaded through the Customizer.Media UploaderInteger (attachment ID)0 (none)
blognameSite TitleMain title of the website shown in the header, browser-tabs, and search-results.TextA string"My WordPress Site" (installer-set)
blogdescriptionTaglineShort descriptive sentence (appears next to or below the title when supported by the theme).TextA string"Just another WordPress site"
display_header_textDisplay Site Title & TaglineToggles whether the title/tagline are printed on the front-end.Toggle Switchtrue / falsetrue
site_iconSite Icon (Favicon)Image ID for the favicon/app-icon (512 × 512 px recommended). Used in browser tabs, bookmark tiles and WP mobile app.Media UploaderInteger (attachment ID)0 (none)

Colors Options

ElegantWP PRO provides extensive color customization. Below is a summary of the Colors Options available via Theme Options → Colors:

Option ID Option Name Description Control Type Accepted Value Default
header_textcolorHeader Text ColorSite title & tagline color.Color PickerHex#ffffff
background_colorBackground ColorOverall site background.Color PickerHex#ffffff
body_text_colorMain Text ColorDefault body text color.Color PickerHex#555555
link_colorMain Link ColorDefault link color.Color PickerHex#666666
link_hover_colorMain Link Hover ColorLink hover color.Color PickerHex#000000
headings_colorGeneral Headings ColorHeadings (H1–H6).Color PickerHex#111111
outer_border_one_colorOuter Border 1 ColorGlobal border color 1.Color PickerHex#c8c8c8
outer_border_two_colorOuter Border 2 ColorGlobal border color 2.Color PickerHex#f9f9f9
secondary_menu_bg_colorSecondary Menu BackgroundSecondary menu background.Color PickerHex#333333
secondary_menu_colorSecondary Menu Link ColorSecondary menu links.Color PickerHex#ffffff
secondary_menu_shadow_colorSecondary Menu Link Shadow ColorText shadow for secondary menu links.Color PickerHex#000000
secondary_menu_hover_colorSecondary Menu Link Hover ColorHover color for secondary menu links.Color PickerHex#dddddd
secondary_menu_hover_bg_colorSecondary Menu Link Hover BackgroundHover background for secondary menu links.Color PickerHex#000000
secondary_submenu_one_bg_colorSecondary Sub Menu Background ColorBackground of secondary submenu.Color PickerHex#444444
secondary_submenu_one_bd_colorSecondary Sub Menu Border ColorBorder of secondary submenu.Color PickerHex#666666
secondary_menu_icon_colorSecondary Responsive Menu Icon ColorHamburger icon color for secondary menu.Color PickerHex#ffffff
header_bg_colorHeader Background ColorHeader area background.Color PickerHex#ffffff
primary_menu_bg_colorPrimary Menu BackgroundPrimary menu background.Color PickerHex#333333
primary_menu_bd_colorPrimary Menu Border ColorPrimary menu border.Color PickerHex#cd2122
primary_menu_colorPrimary Menu Link ColorPrimary menu links.Color PickerHex#ffffff
primary_menu_shadow_colorPrimary Menu Link Shadow ColorText shadow for primary menu links.Color PickerHex#000000
primary_menu_hover_colorPrimary Menu Link Hover ColorHover color for primary menu links.Color PickerHex#ffffff
primary_menu_hover_bg_colorPrimary Menu Link Hover BackgroundHover background for primary menu links.Color PickerHex#cd2122
primary_submenu_one_bg_colorPrimary Sub Menu Background ColorBackground of primary submenu.Color PickerHex#444444
primary_submenu_one_bd_colorPrimary Sub Menu Border ColorBorder of primary submenu.Color PickerHex#222222
primary_submenu_two_bd_colorPrimary Sub Menu Border 2 ColorSecondary border for primary submenu.Color PickerHex#383838
primary_menu_icon_colorPrimary Responsive Menu Icon ColorHamburger icon color for primary menu.Color PickerHex#ffffff
header_social_colorHeader Social Icons ColorSocial icons in header.Color PickerHex#ffffff
header_social_hover_colorHeader Social Icons Hover ColorHover color for header social icons.Color PickerHex#dddddd
news_ticker_bg_colorNews Ticker Background ColorTicker bar background.Color PickerHex#888888
news_ticker_heading_colorNews Ticker Heading ColorTicker heading text.Color PickerHex#ffffff
news_ticker_heading_bg_colorNews Ticker Heading BackgroundTicker heading background.Color PickerHex#333333
news_ticker_text_colorNews Ticker Text ColorTicker text color.Color PickerHex#ffffff
news_ticker_hover_text_colorNews Ticker Hover Text ColorTicker text hover color.Color PickerHex#dddddd
fullwidth_bg_colorTop Full Width Area BackgroundBackground of top full-width area.Color PickerHex#e0e0e0
fullwidth_bd_one_colorTop Full Width Area Border 1Border color 1 for top full-width area.Color PickerHex#c8c8c8
fullwidth_bd_two_colorTop Full Width Area Border 2Border color 2 for top full-width area.Color PickerHex#f9f9f9
content_bg_colorMain Content Background ColorMain content area background.Color PickerHex#ffffff
sidebar_one_bg_colorSidebar 1 Background ColorSidebar 1 background.Color PickerHex#e0e0e0
sidebar_two_bg_colorSidebar 2 Background ColorSidebar 2 background.Color PickerHex#e0e0e0
mini_post_title_colorHome/Featured Post Title ColorTitles in featured sections.Color PickerHex#000000
post_title_colorSingle Post Title ColorSingle post title.Color PickerHex#000000
mini_post_title_hover_colorHome/Featured Post Title Hover ColorHover color for featured titles.Color PickerHex#333333
post_title_hover_colorSingle Post Title Hover ColorHover color for single post titles.Color PickerHex#333333
mini_post_title_two_colorHome/Featured Post Title Color 2Alternate featured title color.Color PickerHex#ffffff
mini_post_title_two_hover_colorHome/Featured Post Title Hover Color 2Alternate featured title hover.Color PickerHex#ffffff
post_body_link_colorPost Content Link ColorLinks inside post content.Color PickerHex#409BD4
post_body_link_hover_colorPost Content Link Hover ColorHover color for content links.Color PickerHex#08ACD5
postcats_colorPost Categories ColorCategory label text.Color PickerHex#ffffff
postcats_bg_colorPost Categories Background ColorCategory label background.Color PickerHex#8c2828
postcats_hover_colorPost Categories Hover ColorCategory label hover text.Color PickerHex#ffffff
postcats_bg_hover_colorPost Categories Hover BackgroundCategory label hover background.Color PickerHex#000000
mini_post_meta_colorHome/Featured Post Meta ColorMeta (date/author) in featured posts.Color PickerHex#666666
post_meta_colorSingle Post Meta ColorMeta text in single posts.Color PickerHex#666666
mini_post_meta_hover_colorHome/Featured Post Meta Hover ColorHover for featured meta.Color PickerHex#000000
post_meta_hover_colorSingle Post Meta Hover ColorHover for single post meta.Color PickerHex#000000
mini_post_meta_two_colorHome/Featured Post Meta Color 2Alternate featured meta color.Color PickerHex#ffffff
mini_post_meta_two_hover_colorHome/Featured Post Meta Hover Color 2Alternate featured meta hover.Color PickerHex#ffffff
rmore_colorRead More Button ColorRead More text color.Color PickerHex#ffffff
rmore_bg_colorRead More Button BackgroundRead More background.Color PickerHex#333333
rmore_hover_colorRead More Button Hover ColorRead More text hover.Color PickerHex#ffffff
rmore_bg_hover_colorRead More Button Hover BackgroundRead More background hover.Color PickerHex#000000
sidebar_title_colorSidebar Title ColorWidget title text.Color PickerHex#ffffff
sidebar_title_bg_one_colorSidebar Title Background Color 1First color in widget title bar.Color PickerHex#2c2c2c
sidebar_title_bg_two_colorSidebar Title Background Color 2Second color in widget title bar.Color PickerHex#cd2122
sidebar_link_colorSidebar Link ColorLinks in sidebar widgets.Color PickerHex#444444
sidebar_link_hover_colorSidebar Link Hover ColorHover color for sidebar links.Color PickerHex#666666
sidebar_list_bd_colorSidebar List Border ColorBorders inside sidebar lists.Color PickerHex#d6d6d6
tag_cloud_colorTag Cloud Link ColorTag cloud text.Color PickerHex#ffffff
tag_cloud_bg_colorTag Cloud Link BackgroundTag cloud background.Color PickerHex#888888
tag_cloud_hover_colorTag Cloud Link Hover ColorHover color for tag cloud links.Color PickerHex#ffffff
tag_cloud_hover_bg_colorTag Cloud Link Hover BackgroundHover background for tag cloud links.Color PickerHex#000000
footer_bg_colorFooter Background ColorFooter background.Color PickerHex#333333
footer_title_colorFooter Title ColorFooter widget title text.Color PickerHex#ffffff
footer_title_bd_one_colorFooter Title Border One ColorFooter title border 1.Color PickerHex#444444
footer_title_bd_two_colorFooter Title Border Two ColorFooter title border 2.Color PickerHex#222222
footer_text_colorFooter Text ColorFooter body text.Color PickerHex#cecece
footer_link_colorFooter Link ColorLinks in footer.Color PickerHex#dbdbdb
footer_link_hover_colorFooter Link Hover ColorHover color for footer links.Color PickerHex#ffffff
footer_list_bd_colorFooter List Border ColorBorders inside footer lists.Color PickerHex#3a3a3a
cp_bg_colorCopyrights Background ColorCopyright bar background.Color PickerHex#303436
cp_bd_colorCopyrights Border ColorBorder around copyright area.Color PickerHex#3D3D3D
cp_colorCopyrights Text ColorCopyright text.Color PickerHex#ECFFF1
button_text_colorButton Text ColorGlobal button text.Color PickerHex#ffffff
button_text_shadow_colorButton Text Shadow ColorShadow for button text.Color PickerHex#000000
button_bg_colorButton Background ColorGlobal button background.Color PickerHex#333333
button_bd_colorButton Border ColorGlobal button border.Color PickerHex#000000
button_hover_bg_colorButton Hover Background ColorHover background for buttons.Color PickerHex#000000
selected_text_colorSelected Text ColorHighlight text color.Color PickerHex#ffffff
selected_text_bg_colorSelected Text Background ColorHighlight background color.Color PickerHex#333333
disable_shadow_colorDisable Shadow ColorDisable shadow styling globally.Checkboxtrue / falsefalse

Font Options

Below is the complete list of Font Options available:

Option ID Option Name Description Control Type Accepted Value Default
font_subsetsFont SubsetsSelect supported font subsets.Multi-Selectlatin / latin-ext / cyrillic / cyrillic-ext / greek / greek-ext / vietnameselatin
body_fontsBody Font-FamilyFont family for body text.SelectAny listed font familyDomine (Google)
body_font_sizeBody Font-SizeBody text size.Select8px – 72px13px
body_font_weightBody Font-WeightBody text weight.Select400 / 700400
body_font_styleBody Font-StyleBody text style.Selectnormal / italicnormal
body_line_heightBody Line-HeightLine height for body text.TextNumeric (e.g., 1.6)1.6
site_title_fontsSite Title Font-FamilyFont family for site title.SelectAny listed font familyPlayfair Display (Google)
site_title_font_sizeSite Title Font-SizeSite title size.Select8px – 72px24px
site_title_font_weightSite Title Font-WeightSite title weight.Select400 / 700700
site_title_font_styleSite Title Font-StyleSite title style.Selectnormal / italicnormal
site_title_line_heightSite Title Line-HeightLine height for site title.TextNumeric (e.g., 1)1
site_desc_fontsSite Description Font-FamilyFont family for tagline.SelectAny listed font familyDomine (Google)
site_desc_font_sizeSite Description Font-SizeTagline size.Select8px – 72px13px
site_desc_font_weightSite Description Font-WeightTagline weight.Select400 / 700400
site_desc_font_styleSite Description Font-StyleTagline style.Selectnormal / italicnormal
site_desc_line_heightSite Description Line-HeightLine height for tagline.TextNumeric (e.g., 1)1
primary_menu_fontsPrimary Menu Font-FamilyFont family for primary menu.SelectAny listed font familyOswald (Google)
primary_menu_font_sizePrimary Menu Font-SizePrimary menu text size.Select8px – 72px13px
primary_menu_font_weightPrimary Menu Font-WeightPrimary menu weight.Select400 / 700400
primary_menu_font_stylePrimary Menu Font-StylePrimary menu style.Selectnormal / italicnormal
secondary_menu_fontsSecondary Menu Font-FamilyFont family for secondary menu.SelectAny listed font familyOswald (Google)
secondary_menu_font_sizeSecondary Menu Font-SizeSecondary menu text size.Select8px – 72px13px
secondary_menu_font_weightSecondary Menu Font-WeightSecondary menu weight.Select400 / 700400
secondary_menu_font_styleSecondary Menu Font-StyleSecondary menu style.Selectnormal / italicnormal
news_ticker_fontsNews Ticker Font-FamilyFont family for news ticker.SelectAny listed font familyOswald (Google)
news_ticker_font_sizeNews Ticker Font-SizeTicker text size.Select8px – 72px13px
news_ticker_font_weightNews Ticker Font-WeightTicker text weight.Select400 / 700400
news_ticker_font_styleNews Ticker Font-StyleTicker text style.Selectnormal / italicnormal
hpost_title_fontsHome/Featured Post Title Font-FamilyFont for featured post titles.SelectAny listed font familyPoppins (Google)
hpost_title_font_sizeHome/Featured Post Title Font-SizeFeatured title size.Select8px – 72px20px
hpost_title_font_weightHome/Featured Post Title Font-WeightFeatured title weight.Select400 / 700700
hpost_title_font_styleHome/Featured Post Title Font-StyleFeatured title style.Selectnormal / italicnormal
hpost_title_line_heightHome/Featured Post Title Line-HeightLine height for featured titles.TextNumeric (e.g., 1.2)1.2
hpost_title_sm_fontsHome/Featured Small Post Title Font-FamilyFont for small featured titles.SelectAny listed font familyPoppins (Google)
hpost_title_sm_font_sizeHome/Featured Small Post Title Font-SizeSmall featured title size.Select8px – 72px16px
hpost_title_sm_font_weightHome/Featured Small Post Title Font-WeightSmall featured title weight.Select400 / 700700
hpost_title_sm_font_styleHome/Featured Small Post Title Font-StyleSmall featured title style.Selectnormal / italicnormal
hpost_title_sm_line_heightHome/Featured Small Post Title Line-HeightLine height for small featured titles.TextNumeric (e.g., 1.2)1.2
hpost_cats_fontsHome/Featured Post Categories Font-FamilyFont for featured category labels.SelectAny listed font familyOswald (Google)
hpost_cats_font_sizeHome/Featured Post Categories Font-SizeFeatured category size.Select8px – 72px12px
hpost_cats_font_weightHome/Featured Post Categories Font-WeightFeatured category weight.Select400 / 700400
hpost_cats_font_styleHome/Featured Post Categories Font-StyleFeatured category style.Selectnormal / italicnormal
hpost_meta_fontsHome/Featured Post Meta Font-FamilyFont for featured meta.SelectAny listed font familyOswald (Google)
hpost_meta_font_sizeHome/Featured Post Meta Font-SizeFeatured meta size.Select8px – 72px12px
hpost_meta_font_weightHome/Featured Post Meta Font-WeightFeatured meta weight.Select400 / 700400
hpost_meta_font_styleHome/Featured Post Meta Font-StyleFeatured meta style.Selectnormal / italicnormal
read_more_fontsRead More Button Font-FamilyFont for read more buttons.SelectAny listed font familyOswald (Google)
read_more_font_sizeRead More Button Font-SizeRead more text size.Select8px – 72px13px
read_more_font_weightRead More Button Font-WeightRead more text weight.Select400 / 700400
read_more_font_styleRead More Button Font-StyleRead more text style.Selectnormal / italicnormal
post_title_fontsPost Title Font-FamilyFont for single post titles.SelectAny listed font familyPlayfair Display (Google)
post_title_font_sizePost Title Font-SizeSingle post title size.Select8px – 72px26px
post_title_font_weightPost Title Font-WeightSingle post title weight.Select400 / 700700
post_title_font_stylePost Title Font-StyleSingle post title style.Selectnormal / italicnormal
post_title_line_heightPost Title Line-HeightLine height for single post titles.TextNumeric (e.g., 1.2)1.2
widget_title_fontsMain/Sidebars Widget Title Font-FamilyFont for sidebar widget titles.SelectAny listed font familyOswald (Google)
widget_title_font_sizeMain/Sidebars Title Font-SizeSidebar widget title size.Select8px – 72px15px
widget_title_font_weightMain/Sidebars Title Font-WeightSidebar widget title weight.Select400 / 700400
widget_title_font_styleMain/Sidebars Title Font-StyleSidebar widget title style.Selectnormal / italicnormal
sidebar_title_line_heightMain/Sidebars Title Line-HeightLine height for sidebar widget titles.TextNumeric (e.g., 1)1
footer_title_fontsFooter Widget Title Font-FamilyFont for footer widget titles.SelectAny listed font familyOswald (Google)
footer_title_font_sizeFooter Title Font-SizeFooter title size.Select8px – 72px14px
footer_title_font_weightFooter Title Font-WeightFooter title weight.Select400 / 700400
footer_title_font_styleFooter Title Font-StyleFooter title style.Selectnormal / italicnormal
footer_title_line_heightFooter Title Line-HeightLine height for footer titles.TextNumeric (e.g., 1)1
headings_fontsGeneral Headings Font-FamilyFont for generic headings.SelectAny listed font familyPlayfair Display (Google)
headings_line_heightGeneral Headings Line-HeightLine height for generic headings.TextNumeric (e.g., 1)1
h1_font_sizeH1 Font-SizeH1 size.Select8px – 72px32px
h1_font_weightH1 Font-WeightH1 weight.Select400 / 700700
h1_font_styleH1 Font-StyleH1 style.Selectnormal / italicnormal
h2_font_sizeH2 Font-SizeH2 size.Select8px – 72px28px
h2_font_weightH2 Font-WeightH2 weight.Select400 / 700700
h2_font_styleH2 Font-StyleH2 style.Selectnormal / italicnormal
h3_font_sizeH3 Font-SizeH3 size.Select8px – 72px24px
h3_font_weightH3 Font-WeightH3 weight.Select400 / 700700
h3_font_styleH3 Font-StyleH3 style.Selectnormal / italicnormal
h4_font_sizeH4 Font-SizeH4 size.Select8px – 72px20px
h4_font_weightH4 Font-WeightH4 weight.Select400 / 700700
h4_font_styleH4 Font-StyleH4 style.Selectnormal / italicnormal
h5_font_sizeH5 Font-SizeH5 size.Select8px – 72px18px
h5_font_weightH5 Font-WeightH5 weight.Select400 / 700700
h5_font_styleH5 Font-StyleH5 style.Selectnormal / italicnormal
h6_font_sizeH6 Font-SizeH6 size.Select8px – 72px16px
h6_font_weightH6 Font-WeightH6 weight.Select400 / 700700
h6_font_styleH6 Font-StyleH6 style.Selectnormal / italicnormal

Header Image Options

Configure your header image via Appearance → Customize → Header Image. You can upload, crop, or remove a header image. The recommended size is 1920 × 400 pixels.

Option ID Option Name Description Control Type Accepted Value Default
header_imageHeader ImageUpload/select the header image.Media UploaderImage (attachment ID)none

Background Image Options

Configure your background image via Appearance → Customize → Background Image. You can upload a background image and control its position, size, repeat, and attachment properties.

Option ID Option Name Description Control Type Accepted Value Default
background_imageBackground ImageUpload/select the background image.Media UploaderImage (attachment ID)none
background_repeatBackground RepeatRepeat behavior for the background.Selectrepeat / repeat-x / repeat-y / no-repeatrepeat
background_positionBackground PositionPosition anchor for the image.Selectleft top / left center / left bottom / center top / center center / center bottom / right top / right center / right bottomleft top
background_sizeBackground SizeScaling of the image.Selectauto / contain / coverauto
background_attachmentBackground AttachmentScroll behavior of the background.Selectscroll / fixedscroll

Layout Options

Below is the complete list of Layout Options available:

Option ID Option Name Description Control Type Accepted Value Default
layout_styleLayout StyleSelect your layout style. Controls the arrangement of content and sidebars.Radio
  • 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
Sidebar 1 + Content + Sidebar 2
hide_sidebar_one_columnHide Sidebar from One Column LayoutWhen using the One Column layout, hide the sidebar completely.Checkboxtrue / falsefalse

Header Options

Below is the complete list of Header Options available:

Option ID Option Name Description Control Type Accepted Value Default
enable_fullwidth_headerEnable Full Width HeaderMake the header span the full width of the page.Checkboxtrue / falsefalse
hide_header_contentHide Header ContentHide the header content area completely.Checkboxtrue / falsefalse

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_tickerEnable News TickerEnable or disable the news ticker.Checkboxtrue / falsefalse
news_ticker_headingNews Ticker HeadingCustom heading text for the news ticker.TextA plain text.Breaking News
news_ticker_lengthNumber of News Ticker PostsNumber of posts to display in the news ticker.TextA positive whole number.5
news_ticker_post_typeNews Ticker Posts TypeSelect a post type to display in the news ticker.Select
  • Recent Posts
  • Popular Posts
  • Random Posts
  • Category Posts
  • Tag Posts
Recent Posts
news_ticker_catNews Ticker Posts CategorySelect a category if Posts Type is Category Posts.Category DropdownA category ID.0
news_ticker_tagNews Ticker Posts TagSelect a tag if Posts Type is Tag Posts.Tag DropdownA tag ID.0

Post Options

Below is the complete list of Post Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_posts_headingHide HomePage Posts HeadingHide the heading above posts on the homepage.Checkboxtrue / falsefalse
posts_headingHomePage Posts HeadingCustom heading text for homepage posts.TextA plain text.Recent Posts
thumbnail_linkThumbnail LinkLink single post thumbnail to its post.SelectYes / NoYes
post_styleNon-Singular Posts StylePost style for home/categories/tags/archive/search pages.Select
  • Style 1
  • Style 2
  • Style 3
  • Style 4
  • Style 5
  • Style 6
  • Style 8
  • Style 9
  • Style 12
  • Style 13
Style 4
read_more_lengthAuto Post Summary LengthNumber of words to display in the post summary.TextA positive whole number.25
read_more_textRead More TextCustom text for the "Read More" link.TextA plain text.Continue Reading...
hide_posted_date_homeHide Posted Date from Posts SummariesHide dates from post summaries on archive pages.Checkboxtrue / falsefalse
hide_posted_dateHide Posted Date from Single PostsHide dates from single post pages.Checkboxtrue / falsefalse
hide_post_author_homeHide Post Author from Posts SummariesHide author from post summaries.Checkboxtrue / falsefalse
hide_post_authorHide Post Author from Single PostsHide author from single post pages.Checkboxtrue / falsefalse
hide_post_categories_homeHide Post Categories from Posts SummariesHide categories from post summaries.Checkboxtrue / falsefalse
hide_post_categoriesHide Post Categories from Single PostsHide categories from single posts.Checkboxtrue / falsefalse
hide_post_tags_homeHide Post Tags from Posts SummariesHide tags from post summaries.Checkboxtrue / falsefalse
hide_post_tagsHide Post Tags from Single PostsHide tags from single posts.Checkboxtrue / falsefalse
hide_comments_link_homeHide Comment Link from Posts SummariesHide comment link from post summaries.Checkboxtrue / falsefalse
hide_comments_linkHide Comment Link from Single PostsHide comment link from single posts.Checkboxtrue / falsefalse
hide_post_editHide Post Edit LinkHide the "Edit" link from posts.Checkboxtrue / falsefalse
hide_thumbnailHide Thumbnails from Every PageHide thumbnails from all pages.Checkboxtrue / falsefalse
hide_thumbnail_singleHide Thumbnails from Posts/PagesHide thumbnails from single posts and pages.Checkboxtrue / falsefalse
hide_post_snippetHide Post SnippetHide post snippet/excerpt.Checkboxtrue / falsefalse
hide_read_more_buttonHide Read More ButtonHide the "Read More" button.Checkboxtrue / falsefalse
hide_share_buttons_homeHide Share Buttons from Posts SummariesHide share buttons from post summaries.Checkboxtrue / falsefalse
hide_share_buttonsHide Share Buttons from Single PostsHide share buttons from single posts.Checkboxtrue / falsefalse
hide_author_bio_boxHide Author Bio BoxHide the author bio box below posts.Checkboxtrue / falsefalse
hide_related_posts_homeHide Related Posts from Posts SummariesHide related posts from post summaries.Checkboxtrue / falsefalse
hide_related_postsHide Related Posts from Single PostsHide related posts section from single posts.Checkboxtrue / falsefalse
related_posts_headingRelated Posts HeadingHeading text for related posts section.TextA plain text.Related Articles
related_posts_numberNumber of Related PostsNumber of related posts to display.Select4 / 8 / 12 / 164

Social Profiles Options

The Social Profiles section lets you add social media links that appear in the header area of your site. Simply enter the full URL for each social platform you wish to display. Leave a field empty to hide that icon.

Supported platforms include: Twitter/X, Facebook, Google Plus, Pinterest, LinkedIn, Instagram, Flickr, YouTube, Vimeo, SoundCloud, Last.fm, GitHub, Bitbucket, Tumblr, Digg, Delicious, StumbleUpon, Reddit, Dribbble, Skype, Email, and RSS.

Option ID Option Name Description Control Type Accepted Value Default
hide_header_social_buttonsHide Header Social ButtonsHide all header social icons.Checkboxtrue / falsefalse
twitterlinkTwitter URLFull Twitter/X profile URL.TextValid URL(empty)
facebooklinkFacebook URLFull Facebook profile/page URL.TextValid URL(empty)
googlelinkGoogle Plus URLLegacy Google+ profile/page URL.TextValid URL(empty)
pinterestlinkPinterest URLPinterest profile URL.TextValid URL(empty)
linkedinlinkLinkedIn URLLinkedIn profile URL.TextValid URL(empty)
instagramlinkInstagram URLInstagram profile URL.TextValid URL(empty)
vklinkVK URLVK profile URL.TextValid URL(empty)
flickrlinkFlickr URLFlickr profile URL.TextValid URL(empty)
youtubelinkYouTube URLYouTube channel/profile URL.TextValid URL(empty)
vimeolinkVimeo URLVimeo profile URL.TextValid URL(empty)
soundcloudlinkSoundCloud URLSoundCloud profile URL.TextValid URL(empty)
lastfmlinkLast.fm URLLast.fm profile URL.TextValid URL(empty)
githublinkGitHub URLGitHub profile URL.TextValid URL(empty)
bitbucketlinkBitbucket URLBitbucket profile URL.TextValid URL(empty)
tumblrlinkTumblr URLTumblr blog URL.TextValid URL(empty)
digglinkDigg URLDigg profile URL.TextValid URL(empty)
deliciouslinkDelicious URLDelicious profile URL.TextValid URL(empty)
stumblelinkStumbleUpon URLStumbleUpon profile URL.TextValid URL(empty)
redditlinkReddit URLReddit profile URL.TextValid URL(empty)
dribbblelinkDribbble URLDribbble profile URL.TextValid URL(empty)
behancelinkBehance URLBehance profile URL.TextValid URL(empty)
codepenlinkCodePen URLCodePen profile URL.TextValid URL(empty)
jsfiddlelinkJSFiddle URLJSFiddle profile URL.TextValid URL(empty)
stackoverflowlinkStack Overflow URLStack Overflow profile URL.TextValid URL(empty)
stackexchangelinkStack Exchange URLStack Exchange profile URL.TextValid URL(empty)
bsalinkBuySellAds URLBuySellAds publisher profile URL.TextValid URL(empty)
slidesharelinkSlideShare URLSlideShare profile URL.TextValid URL(empty)
skypeusernameSkype UsernameSkype username (not URL).TextUsername(empty)
emailaddressEmail AddressEmail address used for contact link.TextValid email(empty)
rsslinkRSS Feed URLRSS feed URL.TextValid URL(empty)

404 Page Options

Below is the complete list of 404 Page Options available:

Option ID Option Name Description Control Type Accepted Value Default
error_404_heading404 Error Page HeadingHeading for the 404 error page.TextareaA plain text.Oops! That page can not be found.
error_404_messageError 404 MessageMessage displayed on the 404 error page.TextareaA plain text.It looks like nothing was found at this location. Maybe try one of the links below or a search?

Contact Page Options

Below is the complete list of Contact Page Options available:

Option ID Option Name Description Control Type Accepted Value Default
contact_form_emailContact Form Email AddressEmail address to receive messages from the built-in contact form.TextA valid email address.(empty)

Authors Page Options

Below is the complete list of Authors Page Options available:

Option ID Option Name Description Control Type Accepted Value Default
hide_admin_authors_pageHide site administrators from Authors pageHide administrators from the authors page listing.Checkboxtrue / falsefalse
hide_noposts_authors_pageHide authors with zero posts from Authors pageHide authors who have no published posts.Checkboxtrue / falsefalse

Other Options

Below is the complete list of Other Options available:

Option ID Option Name Description Control Type Accepted Value Default
disable_sticky_menuDisable Sticky MenuDisable the sticky (fixed) navigation menu.Checkboxtrue / falsefalse
disable_sticky_sidebarDisable Sticky SidebarDisable the sticky sidebar feature.Checkboxtrue / falsefalse
disable_backtotopDisable Back to Top ButtonDisable the back-to-top scroll button.Checkboxtrue / falsefalse
enable_widgets_block_editorEnable Gutenberg Widget Block EditorEnable the block-based widget editor instead of the classic widget editor.Checkboxtrue / falsefalse

Reset Settings

Reset all Customizer theme options to their default values.

Path: Appearance → Customize → Theme Options → Reset Settings

Click Reset Theme Options and confirm the action. This deletes all customizer settings and restores defaults. This action cannot be undone.

Option ID Option Name Description Control Type Accepted Value Default
reset_settingsReset Theme OptionsOne-click reset that clears all Customizer settings for ElegantWP PRO and restores defaults. This action cannot be undone.Reset ButtonClick to reset(no change until clicked)

Performance & SEO Tips

Follow these tips to improve the speed and search engine visibility of your ElegantWP PRO website:

  • Use a caching plugin – Install a plugin like W3 Total Cache or WP Super Cache to serve cached pages and reduce server load.
  • Optimize images – Use an image optimization plugin like Imagify or EWWW Image Optimizer to compress your images without losing quality.
  • Use an SEO plugin – Install Yoast SEO or Rank Math to add meta titles, descriptions, and Open Graph tags for better search results.
  • Enable GZIP compression – Ask your hosting provider to enable GZIP compression for faster page delivery.
  • Use a CDN – Consider using a Content Delivery Network like Cloudflare to speed up asset delivery globally.
  • Keep WordPress, plugins, and the theme updated – Regular updates include performance improvements and security fixes.
  • Set featured images for all posts – This ensures proper thumbnails display in post summaries, widgets, and when sharing on social media.

Translation & RTL

ElegantWP 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 elegantwp-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:

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

Place them inside the /languages folder in the theme.

↔️ RTL Language Support

ElegantWP 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 ElegantWP PRO theme. 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 do I add numbered pagination?

Install and activate the WP-PageNavi plugin. The theme automatically detects and uses it for numbered page navigation.

How do I change the post style on listing pages?

Go to AppearanceCustomizeTheme OptionsPost Options. Under the Non-Singular Posts Style setting, select one of the 10 available styles.

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 ElegantWP PRO theme. 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.

Thumbnails appear stretched or blurry

After activating the theme, install the Regenerate Thumbnails plugin and regenerate all thumbnails. This ensures images match the theme's custom image sizes.

News ticker not showing

Make sure you have enabled the news ticker in Appearance → Customize → Theme Options → News Ticker and that you have published posts matching the selected post type criteria.

Support & Licensing

All our WordPress themes, including ElegantWP 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 ElegantWP PRO. We recommend always using the latest version to benefit from improvements and new features.

= Version 1.0.6 =

  • Fixed coding issues.

= Version 1.0.5 =

  • Fixed coding issues.
  • Theme Customizer updated.

= Version 1.0.4 =

  • Fixed coding issues.
  • Theme Customizer updated.

= Version 1.0.2 =

  • Fixed a CSS issue.

= Version 1.0.1 =

  • Fixed a bug in News Ticker.

= Version 1.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