Articles in this section

See more

Elements Styling

Avatar
WpWay's Help Center Team
  • Updated
Follow

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

Related articles

Comments

0 comments

Article is closed for comments.