ExS Theme Customizer options

Here you can find a full list of WordPress Customizer options in ExS WordPress theme:

Site Identity – Default WordPress section

Here you can set your theme logo image, logo layout, primary and secondary logo text

• Logo Layout
• Logo Primary Text
• Logo Secondary Text
• Logo additional vertical padding (Will make header taller in top position)
• Logo Background
• Logo additional horizontal padding (This will add an extra horizontal padding for logo)

Colors – Default WordPress section

Here you can set color palette for your theme

• Light color (Using as a background for light sections and as a font color in inversed sections.)
• Font color (Using as a font color.)
• Font muted color (Using as a font muted color.)
• Light grey background color (Using as a light grey background.)
• Grey border color (Using as a border color.)
• Dark color (Using as a links color for light sections and as a background for inversed sections.)
• Darker color (Using as headings color and a background for darker inversed sections.)
• Main accent color #1 (Using as a main accent color.)
• Main accent color #2 (Using as a main accent second color.)
• Color for icons in post meta

Header Image – Default WordPress section

Here you can set a background image for your header and title sections and it’s options

• Cover background image
• Fixed background image
• Overlay for background image

Homepage settings – Default WordPress section

Here you can set up your homepage intro section and intro teasers section

• Intro Section (Set your settings for homepage intro section. Leave blank if not needed.)
• Intro Section Position
• Intro Section Layout
• Full Screen Intro Height
• Intro Section Background
• Intro Section Image
• Animation for intro image (Animation should be enabled)
• Cover background image
• Fixed background image
• Overlay for background image
• Intro Section Heading text
• Intro Heading top margin
• Intro Heading bottom margin
• Animation for intro heading (Animation should be enabled)
• Intro Section description text
• Intro Description top margin
• Intro Description bottom margin
• Animation for intro description text (Animation should be enabled)
• Intro Primary Action Button Text
• Intro Primary Action Button URL
• Animation for first intro button (Animation should be enabled)
• Intro Secondary Action Button Text
• Intro Secondary Action Button URL
• Animation for second intro button (Animation should be enabled)
• Intro Buttons top margin
• Intro Buttons bottom margin
• Intro Section Shortcode (You can put shortcode here. It will appear below Intro description)
• Intro Shortcode top margin
• Intro Shortcode bottom margin
• Animation for intro shortcode (Animation should be enabled)
• Intro Section Text Alignment
• Intro section top padding
• Intro section bottom padding
• Show search form
• Intro section font size
• Teasers settigns (You can show teasers on your homepage at the top of your main section. Leave blank if not needed.)
• Layout for intro teasers section
• Intro Teasers Section Background
• Intro Teasers Section top padding
• Intro Teasers Section bottom padding
• Intro Teasers section font size
• Layout for intro teasers
• Intro Teasers Heading text
• Intro Teasers description text
• Featured block image #1
• Featured block title #1
• Featured block text #1
• Featured block link #1
• Featured block button text #1
• Featured block image #2
• Featured block title #2
• Featured block text #2
• Featured block link #2
• Featured block button text #2
• Featured block image #3
• Featured block title #3
• Featured block text #3
• Featured block link #3
• Featured block button text #3
• Featured block image #4
• Featured block title #4
• Featured block text #4
• Featured block link #4
• Featured block button text #4

WooCommerce settings

Here you can set up your WooCommerce settings

Theme Presets

Customizer options presets. Will change multiple options over ‘Theme options’ Customizer panel

• Select global preset of Theme options

Theme Skins (PRO)

Change your theme skins CSS and manage your JS files

• Site skins (Change your site look and feel without changing your theme with growing number of CSS skins in your Customizer)
• Select CSS skin for theme
• Put jQuery script to footer for guest users (If some plugins requires jQuery, it will be loaded in the footer section)

Theme Layout

Site layout options

• Global container max width
• Archive container max width
• Single post container max width
• Search results container max width
• Page preloader
• Fade in page on load
• Enable page ‘to top’ button
• Use minified version of CSS files (You can use compressed versions of your static files for best performance)

Theme Buttons

Buttons options

• Uppercase buttons
• Bold text buttons
• Accent color buttons
• Outlined buttons
• Border radius
• Font Size

Theme Meta

Email, phone, address etc. Appears in various template parts depending from choosen sections layout

• Email
• Email label
• Phone
• Phone label
• Address
• Address label
• Opening hours
• Opening hours label
• Facebook URL
• Twitter URL
• YouTube URL
• Instagram URL
• Pinterest URL
• LinkedIn URL
• GitHub URL

Side Menu (PRO)

Side menu options. Please add menu or widgets to ‘Side Menu’ position to display side menu on your site

• Side panel (menu) (Set your side menu, make it always visible for large screens and many more in your Customizer)
• Side Menu Position
• Side Menu Background
• Always visible on extra large screens
• Sticky sidebar with shadow (Add shadow to sticky sidebar on large screens)
• Sticky sidebar with border (Add border to sticky sidebar on large screens)
• Header over side menu (For sticky side navigation)
• Side Menu font size
• Put side menu toggler in header
• Side Menu Logo
• Side Menu Meta
• Side Menu Social Links

Header Section

Choose header options

• Header Layout
• Full Width Header
• Header Background
• Header Logo Section Background (Background for top logo section, if header layout contains it)
• Align main menu
• Put main menu mobile toggler in header
• Position absolute header
• Remove background color (Make header transparent)
• Top border
• Bottom border
• Header section font size
• Sticky Header
• Show Search in Header
• Header Action Button Text
• Header Action Button URL
• Header topline options (You need to fill theme meta options to show them in header topline.)
• Topline Layout
• Full Width Header Topline
• Header Topline Background
• Topline custom text (Appears on different topline layouts)
• Topline section font size

Title Section

Choose title options. Yoast SEO plugin required for breadcrumbs

• Title Layout
• Show title in title section instead of content area
• Show breadcrumbs (Yoast SEO or Rank Math plugins required)
• Show search form
• Title Background
• Top border
• Bottom border
• Top padding
• Bottom padding
• Title section font size
• Hide taxonomy name (You can hide a taxonomy name on taxonomy archives page)
• Title Section Background Image
• Cover background image
• Fixed background image
• Overlay for background image

Main Section

Choose main section options

• Sidebar width on big screens
• Sidebar gap width
• Sticky sidebar
• Top padding
• Bottom padding
• Main section font size
• Sidebar font size

Top Footer Section

Choose top footer section options

• Layout
• Top Footer Section Content (Set top footer section content. Leave blank if some options not needed.)
• Top Footer Section Image (Set top footer section image. Useful if you want to display another logo)
• Pre Heading text
• Pre Heading top margin
• Pre Heading bottom margin
• Animation for pre heading (Animation should be enabled)
• Heading text
• Heading top margin
• Heading bottom margin
• Animation for heading (Animation should be enabled)
• Description text
• Description top margin
• Description bottom margin
• Animation for description text (Animation should be enabled)
• Shortcode (You can put shortcode here. It will appear below description)
• Shortcode top margin
• Shortcode bottom margin
• Animation for shortcode (Animation should be enabled)
• Top Footer Section Options (Set top footer section display and layout options.)
• Full Width Section
• Background
• Top border
• Bottom border
• Top padding
• Bottom padding
• Font Size
• Background Image
• Cover background image
• Fixed background image
• Overlay for background image

Footer Section

Choose footer options

• Footer Layout
• Footer widgets gap (Used only for multiple columns layouts)
• Full Width Footer
• Footer Background
• Top border
• Bottom border
• Top padding
• Bottom padding
• Footer section font size
• Footer Section Background Image
• Cover background image
• Fixed background image
• Overlay for background image

Copyright Section

Choose copyright options

• Copyright Layout
• Copyright text (Site name will be displayed, if leave empty)
• Full Width copyright
• Copyright Background
• Top padding
• Bottom padding
• Copyright section font size
• Copyright Section Background Image
• Cover background image
• Fixed background image
• Overlay for background image

Blog

Blog display options

• Blog feed layout
• Blog feed layout gap (Used only for grid and masonry layouts)
• Blog sidebar position (Can be overriden for certain category on category edit page)
• Blog page name. Default: ‘Blog’
• Show full text instead of excerpt
• Custom excerpt length (Words amount)
• ‘Read More’ text. Leave blank to hide
• Hide taxonomy type name in title section (You can hide taxonomy name (ex. ‘Tag:’) word if you want.)
• Post meta options (Select what post meta you want to show in blog feed. Not all layouts will show post meta even if it is checked.)
• Hide icons in the post meta
• Show author
• Show author avatar
• Text before author
• Show date
• Text before date
• Show human difference date
• Show categories
• Text before categories
• Show tags
• Text before tags
• Show comments count

Single Post

Single post display options

• Blog post layout
• Blog post sidebar position (Can be overriden for certain post by selecting appropriate post template)
• Show first post oEmbed instead of featured image (You can replace a featured image with first oEmbed video in the post)
• Show Author Bio (You need to fill Biographical Info to display author bio)
• ‘About author’ intro word (Leave blank if not needed)
• Posts navigation settings
• Posts Navigation
• ‘Previous post’ word (Post navigation has to be chosen)
• ‘Next post’ word (Post navigation has to be chosen)
• Related posts settings (Related posts are based on post tags)
• Related posts
• Related posts title (Related posts heading title)
• Related posts number (Related posts layout has to be chosen)
• Single post meta options (Select what post meta you want to show in single post. Not all layouts will show post meta even if it is checked.)
• Hide icons in the post meta
• Show author
• Show author avatar
• Text before author
• Show date
• Text before date
• Show human difference date
• Show categories
• Text before categories
• Show tags
• Text before tags
• Show comments count

Search Results

Search results display options

• Search results layout
• Search results sidebar position
• Show full text instead of excerpt
• Custom excerpt length (Words amount)
• ‘Read More’ text. Leave blank to hide
• Post meta options (Select what post meta you want to show in blog feed. Not all layouts will show post meta even if it is checked.)
• Hide icons in the post meta
• Show author
• Show author avatar
• Text before author
• Show date
• Text before date
• Show human difference date
• Show categories
• Text before categories
• Show tags
• Text before tags
• Show comments count

Typography

Set global typography settings

• Settings for BODY (Set your settings for BODY tag. Leave blank for theme defaults.)
• Global Font Size (px) (Set a global font size in pixels. It will be applied to BODY tag. Can be overriden in the individual sections settings)
• Global Font Weight (Set a global font weight. It will be applied to BODY tag.)
• Global Line Height (em) (It will be applied to BODY tag. Value in ems)
• Global Letter Spacing (em) (It will be applied to BODY tag. Value in ems)
• Paragraphs Bottom Margin (em) (It will be applied to P tag. Value in ems)
• Settings for H1 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H1 (Value in ems)
• Line Height for H1 (Value in ems)
• Letter Spacing for H1 (Value in ems)
• Font Weight for H1
• Top Margin in ems for H1
• Bottom Margin in ems for H1
• Settings for H2 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H2 (Value in ems)
• Line Height for H2 (Value in ems)
• Letter Spacing for H2 (Value in ems)
• Font Weight for H2
• Top Margin in ems for H2
• Bottom Margin in ems for H2
• Settings for H3 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H3 (Value in ems)
• Line Height for H3 (Value in ems)
• Letter Spacing for H3 (Value in ems)
• Font Weight for H3
• Top Margin in ems for H3
• Bottom Margin in ems for H3
• Settings for H4 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H4 (Value in ems)
• Line Height for H4 (Value in ems)
• Letter Spacing for H4 (Value in ems)
• Font Weight for H4
• Top Margin in ems for H4
• Bottom Margin in ems for H4
• Settings for H5 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H5 (Value in ems)
• Line Height for H5 (Value in ems)
• Letter Spacing for H5 (Value in ems)
• Font Weight for H5
• Top Margin in ems for H5
• Bottom Margin in ems for H5
• Settings for H6 (Set your settings for headings. Leave blank for theme defaults.)
• Font Size for H6 (Value in ems)
• Line Height for H6 (Value in ems)
• Letter Spacing for H6 (Value in ems)
• Font Weight for H6
• Top Margin in ems for H6
• Bottom Margin in ems for H6

Google Fonts (PRO)

Choose Google fonts

• Google Fonts (Activate Google Fonts in your Customizer and set custom fonts for your body text and headings)
• Body font options (You can use CMD (CTRL) key for select multiple variants and subsets.)
• Body Custom Font
• Headings font options (You can use CMD (CTRL) key for select multiple variants and subsets.)
• Headings Custom Font

Services, Portfolio, Team (PRO)

Choose separate categories for displaying Services, Portfolio, Team. They will be removed from regular blog displaying

• Special categories (Set a post categories for your Portfolio, Services and Team members without using Custom Post Types)
• Portfolio category settings
• Category for display Portfolio
• Portfolio archive layout (This setting can be overriden in the category edit screen it the dashboard)
• Portfolio archive layout gap (Used only for grid and masonry layouts)
• Sidebar position for portfolio (This setting can be overriden in the category edit screen it the dashboard)
• Services category settings
• Category for display Services
• Services archive layout (This setting can be overriden in the category edit screen it the dashboard)
• Services archive layout gap (Used only for grid and masonry layouts)
• Sidebar position for services (This setting can be overriden in the category edit screen it the dashboard)
• Team category settings
• Category for display Team
• Team archive layout (This setting can be overriden in the category edit screen it the dashboard)
• Team archive layout gap (Used only for grid and masonry layouts)
• Sidebar position for team (This setting can be overriden in the category edit screen it the dashboard)

Animation (PRO)

You can select elements that you want to animate on your page

• Animation Extra Features (Activate animation in your Customizer and set animation for your posts, widgets and any Gutenberg block)
• Enable CSS animation for elements (Please note that additional JS file (2 kB) and CSS file (25 kB) will be loaded if enabled)
• Animation for main sidebar widgets (If you want to animate main sidebar widgets – select one of predefined animation type)
• Animation for footer widgets (If you want to animate footer widgets – select one of predefined animation type)
• Animation for posts in posts feed (If you want to animate blog feed posts – select one of predefined animation type)
• Animation for posts thumbnails in posts feed (If you want to animate blog feed posts thumbnail – select one of predefined animation type)

Contact forms messages

Set your messages for ExS ajax contact form patterns

• Success message (Message that will be displayed after success form submission)
• Error message (Message that will be displayed if there was error)

Popup messages (PRO)

You can set popup messages that will appear at the top and at the bottom of your site

• Pop-up Messages (Add your top and bottom pop-up messages easily)
• Top message settings (Fill following settings to display top message.)
• ID of top popup message (Used for cookies ID. Should be all lower case with no spaces.)
• Text for your top popup message (Will not shown if ID is not filled)
• Text for your top popup message closing button (Leave blank for simple cross closing button)
• Top Message Background
• Top Message font size
• Bottom message settings (Fill following settings to display bottom message.)
• ID of bottom popup message (Used for cookies ID. Should be all lower case with no spaces.)
• Text for your bottom popup message (Will not shown if ID is not filled)
• Text for your bottom popup message closing button (Leave blank for simple cross closing button)
• Bottom Message Background
• Bottom Message font size
• Bottom Message Layout
• Add border
• Add shadow
• Rounded

ExS Shop Layout

These options let you manage sidebar positions on the shop and product pages.

• Shop sidebar position (This option let you manage sidebar position on the shop page. Shop sidebar needs to be not empty to display.)
• Product sidebar position (This option let you manage sidebar position on product pages. Shop sidebar needs to be not empty to display.)
• Show Cart Dropdown in Header (Show cart icon in header with product count in shopping cart if added.)

ExS Products List (PRO)

These options let you manage your products list display.

• Products display options (Change your products list layout easily in your Customizer)
• Hide product “Add to Cart” button
• Hide icon on product “Add to Cart” button
• Full width “Add to Cart” button
• Product “Add to Cart” button text (You can define a custom text for “Add to Cart” button for simple product)
• Show rating and review count
• Show products categories
• Show product short description
• Show “Add to Cart” button over thumbnail
• Show “Go to Product” button over thumbnail