Elements

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

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

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

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

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

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

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

Was this article helpful?

Yes No

Related Articles