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
- Shape and borders
- Color
- Background
- Shadow
- Drop-down panel
- Typography
- Background
- Indents
- Shape and borders
- Shadow
- Select item settings for default / hover / focus states
- Color
- Background
- Indents
- Shape and borders
- 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
- Shape and borders
- Color
- Background
- Shadow
- Drop-down panel
- Typography
- Background
- Indents
- Shapes and borders
- Shadow
- Date items behavior for default / hover / focus states
- Color
- Background
- Indents
- Shape and borders
- 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
Comments
0 comments
Article is closed for comments.