Elements Styling

This article will help you to set up personal styles for separate elements
Appearance ▸ Customize ▸ Elements Styling

'Prior Settings' article should useful for you and will help to understand the meaning of these settings.

Advanced typography

This section contains such typography settings:

Paragraph
Lead paragraph
Note paragraph
Headings
Subtitle
Default links
Modern links
Lists
Block quote
Drop cap
Highlight

Preloader

This section contains such preloader settings:

Enable / Disable
Colors
Animation direction

Scrollbar

You can specify custom scrollbar settings here:

Position
Events, when scrollbar should be shown
Width
Indent
Background
Scrollbar thumb settings

Width
Background
Border radius

Lines

Personal styles and rules for decorative lines on your site could be specified here for:

Vertical lines
Horizontal lines

Panel

These settings will be used for the following elements:

DateTimePicker
Header
Footer
Default post view in blog list
Sidebar widgets

Widgets

Personal styles for widgets could be specified here:

Main
Title
Divider
Content

Pagination

Advanced pagination settings could be specified for default and hover state here:

Background color
Text color

Page / Post / Category title

Custom settings for 3 different title presets could be specified here:

Main
Panel
Content
Background

These presets will be used in such Customizer sections:

Blog
Page

Modal windows

This sections will help you to specify advanced settings for modal windows:

Overlay
Background settings for overlay once modal window will appear on your site
Content

Dimensions
Shape & border
Background
Indents
Shadow

Tabs

This sections will help you to specify advanced settings for tabs:

Tab
- Minimal height
- Position
- Allignment

General
Animation
Indents
Shape & border
Color
Background
Shadow

Content

Shape & border
Background
Indents
Shadow

Accordions

This sections will help you to specify advanced settings for tabs:

Title
- Shape and borders
- Color
- Background
- Shadow

Minimal height
Animation
Indents
Behavior for default / hover / focus states

Content

Shape & border
Background
Indents
Shadow

Carousel

This sections will help you to specify advanced settings for carousels:

General

Enable/Disable Prev/Next buttons
Enable/Disable Pagination
Carousel height
Gap between slides

Prev / Next buttons

Position
Type of buttons
Color
Background
Border style

Pagination

Position
Preset
Color for default / hover / focus states

Tables

This sections will help you to specify advanced settings for tables:

Caption cell

Typography
Color
Indents
Border

Data cell

Typography
Color
Indents
Border

Shape & border
Background

Fill color
Background image

Alternate rows and columns for classes

Scroll top button

This sections will help you to specify advanced settings for 'Scroll Top' button:

Enable / Disable
Icon

Library
Size

Visibility on different device types
Settings for default / hover states

Color / Background color
Border / Margin / Padding

Separators

This sections will help you to specify advanced settings for separators:

General

Appearance
Content box structure
Width
Alignment

Main and inverted color

Text / icon
Line

Typography

Font type
Font size
Text transformation
Small caps
Letter spacing

Indents
Icon
Image
Line
Caption box

Background
Shape and borders
Shadow

Modules & Spaces

This sections will help you to specify advanced settings for modules and spaces:

Module for different device types
Section indents
Block indents
Cols indents

Advanced fields

This sections will help you to specify settings for advanced fields:

Input
- Shape and borders
- Color
- Background
- Shadow

Animation
Indents
Behavior for default / hover / focus states

Buttons
These settings will be available for both Primary and Secondary buttons:
- Color
- Background
- Background invert
- Shape and borders
- Shadow

Animation
Typography
Settings for default / hover states
SIze

Select
- Animation
- Icon
- Indents
- Behavior for default / hover / focus states
- Drop-down panel
- Select item settings for default / hover / focus states

Select field
Select drop-down

Checkbox
- Shape and borders
- Color
- Background
- Shadow

Animation
Icon
Indents
Behavior for default / hover / focus states

Radio
- Shape and borders
- Color
- Background
- Shadow

Animation
Icon
Indents
Behavior for default / hover / focus states

Number
- Shape and borders
- Color
- Background
- Shadow

Alignment
Control position
Animation
Icon
Indents
Behavior for default / hover / focus states

Range
- Shape and borders
- Color
- Background
- Shadow

Animation
Icon
Indents
Behavior for default / hover / focus states

File
- Shape and borders
- Color
- Background
- Shadow

Animation
Icon
Indents
Behavior for default / hover / focus states

Date
- Animation
- Icon
- Indents
- Behavior for default / hover / focus states
- Drop-down panel
- Date items behavior for default / hover / focus states

Field
Drop-down

Note: Reset link is available in every 'Advanced field' section. If you have specified incorrect values and want to replace them with defaults (specified in Customizer ▸ User interface section), please click the Reset button bellow. It will reset setting for current section only.

Images

This sections will help you to specify advanced settings for images:

Default view

Shape and borders
Indents
Shadow

Hover view

Transition duration
Shape and borders
Indents
Shadow

Figure captions

This sections will help you to specify advanced settings for figure captions:

Color
Typography
Indents
Shape and borders
Shadow

Badges

This sections will help you to specify advanced settings for badges:

Color
Typography
Indents
Shape and borders
Shadow

Tooltips

This sections will help you to specify advanced settings for tooltips:

Position
Max width
Color
Background
Typography
Indents
Shape and borders
Shadow

Alerts

This sections will help you to specify advanced settings for alerts:

Close button settings
Color
Background
Indents
Shape and borders
Shadow

Notify

This sections will help you to specify advanced settings for notifications:

Color
Background
Typography
Indents
Shape and borders
Shadow

Articles in this section