Elements

Navigate to Elements, in this section pages are created with the help of Kaswara plugin: 

Gallery 3D hover Effect

Backend. Add  Custom text block and Custom Gallery shortcode. Choose the following options:

  • Select header style - default
  • Enable footer copyright - on
  • Copyright align - center 

Gallery Before/After

Backend. Add  Custom text block and Before/After Image shortcode. Choose the following options:

  • Select header style - default
  • Enable footer copyright - on
  • Copyright align - center 

Select the following options in Before/After Image:

  • Before image - upload image
  • After image - upload image 
  • Choose orientation - horizontal 
  • Use default scheme - on
  • Enable Box Shadow - no
  • Box Shadow Color - black
  • Overlay section:
  • Enable overlay - yes
  • Use Default Overlay Color - on
  • Use Default Background - on
  • Before / After Backgound - black
  • Use Default Color - on

Custom text block parameters:

  • Style - style 4 
  • Element position - default
  • Heading for title - H1
  • Title - add your own title

Card gallery

Add Custom text block and Before/After Image shortcode. Choose the following options:

  • Select header style - default
  • Enable footer copyright - on
  • Copyright align - center 

Custom text block parameters:

  • Style - style 4 
  • Element position - default
  • Heading for title - H1
  • Title - add your own title

Image card shortcode:

  • Card Slider Layout - left
  • Icon Margins - top 50 px, Bottom 50 px

Child Shortcode:

  • Upload images - add image
  • Element link - add URL and title

Pilling gallery

Add Piling section shortcode, then Custom text block, Line of Images. In General Page Option choose these options:

  • Select header style - fixed
  • Enable footer copyright - on
  • Copyright align - center

Google maps

Backend. Add Google maps shortcodes as it is shown in screenshot below: 

Google map parameters:

  • Map height - 350
  • Map auto center - disable
  • Map type - single markers
  • Activate GeoLocation - off
  • Zoom map - 11
  • Enable Zoom Control -  click on Yes to enable the option
  • Zoom Control Position -  top center
  • Zoom Control Style -  default 
  • Enable Street view Toggle Button - click on to enable this option
  • Map type Control Style - Horizontal bar

Marker item:

  • Address - Sofia
  • Marker icon - upload icon 
  • Icon Animation - Bounce
  • Show marker content on page load - no

Modern Image

Backend. Add Modern Image shortcode in order as it is shown in screenshot:

Modern image shortcode:

  • Hover style - Mercury
  • Background image - upload image
  • Image Custom size - (Masonry Like) Tall
  • Link - add URL and title

Image SWAP

Backend.

Image swap parameters:

  • Picture one - upload images
  • Picture two - upload images
  • Hover style - style 2
  • Link - add URL and title 
  • Styling:
  • Border width - 0
  • Border style - none
  • Enable Box Shadow - yes
  • Enable Box Shadow On Hover - yes
  • Box Shadow Style - style 9 
  • Box Shadow Color - black

Skill bar and radial progress

Backend 

Skill bar parameters:

  • Skill Value - 79
  • Bar Height - 20
  • Bar Color - single color 
  • Skill Name Color - black
  • Bar Style - style 3
  • Bar Strips - normal strips

Radial progress:

  • Percentage value - 50 
  • Enable icon - no

  • Use Default Font Style - on

  • Content Font Size - 26 

  • Radial Circle:

  • Circle Size Settings - Use Default Size 

  • Border Size Settings - Use Default Size 

Vertical skill bar:

  •  Skill title  - style 5
  • Skill Value (%) - 75
  • Bar Height - 6
  • Skill Name Color - black
  • Bar Style - style 2
  • Bar Strips - normal strips 
  • Bar color - single color 

Custom text block parameters:

  • Style - style 2 
  • Element position - left
  • Heading for title - H3
  • Title - add your own title

3D Card Flip

Add these shortcodes: Custom text block, 3D Card Flip:

Video Modal

Backend. Add Video Modal, Custom text block shortcodes:

Video modal shortcode parameters:

  • Video Link - add your own link
  • Modal Trigger Type - button
  • Use Default Width - off
  • Video Width - 750 
  • Use Default Height - off
  • Video Height - 450
  • Modal Window Effect - fade in/scale
  • Use Default Overlay Color - off
  • Overlay Background Color - black

Custom text block parameters:

  • Style - style 4 
  • Element position - center
  • Heading for title - H1
  • Title - add your own title

Animation gallery

Backend. These shortcodes should be included: Custom text block, Animation block (parent), Whizz Gallery shortcode (child):

Price Listing

Backend.

Price Listing parameters:

  • Item picture - 300
  • Picture Height - 200
  • Title - add your own title
  • Price -  add amount
  • Info content - add short description

Custom text block:

  • Style - style 4 
  • Element position - center
  • Heading for title - H1
  • Title - add your own title