Close

Search

Account

Documentation

Forum

Menu

Next
Prev
close
  1. Home
  2. Jeg Elementor Kit

JKIT – Testimonial

JKIT – Testimonial Add testimonials on your site. Useful to increase users belief in your products or services.

The guide is separated into the sections below. Click on it to navigate to the designated section.

  1. Activate JKit Button (#)
  2. Adding JKit Image Box to Page (#)
  3. Content Setting (#)
  4. Style Setting (#)

Activate JKit Button

Before starting, please make sure the Jkit element is already activated on Jeg Elementor Kit Dashboard→ Elements

 

Adding JKit Testimonial to Page

to add a JKit Icon Box to your page you can open Elementor on your page after Elementor opened you can search for “Testimonial” on the sidebar and you can drag out the JKIT – Testimonial

 

Content Setting

There are several options included in the Jkit Item Box content setting that you can adjust according to your need

  1. Spacing Horizontal
    provide space between content
  2. Slide To Show
    Set the amount of content to be displayed
  3. Padding
    tidy up content
  4. Autopaly
    enable the Autoplay feature
  5. Show Arrow
    to display the arrow
  6. Show Dots
    to display the Dots
  7. Show Quete
    to display the Quete
  8. Show Rating
    to display the Rating

  1. Chose Style
    choose the type of style provided

  1. Image Size
    select image size
  2. Testimonials
    set content

 

Style Setting

You can adjust the style of the button as you like, JKit button style settings are separated into several groups. Click on it to navigate to the designated group

 

Content Wrapper (#)

  1. Aligment
    choose the placement of the fonts
  2. Background Type
    select the type of background
  3. Margin
    give space to the content
  4. Padding
    give empty space in the content
  5. Border Radius
    set all corners of the content with certain values
  6. Box Shadow
    add a shadow box effect
  7. Border Type
    choose the type of border that has been provided
  8. Border Type “hover”
    choose the type of border that has been provided
  9. Backgrounf Type
    select the type of background
  10. Hover Direction
    choose the direction of the background hover
  11. Fix Height
    set the height of the content

Description (#)

  1. Typography
    select the type of font to be used
  2. Margin
    give space to the content
  3. Color
    choose a color for the text
  4. Hover Color
    choose a color for the text

 

Quote (#)

  1. Override Position
    to adjust the position of the quote icon
  2. Normal

      • Normal Color
        choose the color of the quotes
      • Normal Font Size
        set the size of the quote
      • Normal Margin Bottom
        give the distance between the quote icon and the text below it
      • Normal Padding
        give empty space in the quote
      • Background Type
        select the type of background
      • Normal Border Radius
        set each corner with a specific value for the quote background
  3. Hover

      • Hover Color
        choose the color of the quotes
      • Hover Font Size
        set the size of the quote
      • Hover Margin Bottom
        give the distance between the quote icon and the text below it
      • Hover Padding
        give empty space in the quote
      • Background Type
        select the type of background
      • Hover Border Radius
        set each corner with a specific value for the quote background

 

Rating (#)

  1. Color
    choose a color for the rating icon
  2. Hover Color
    choose a color for the rating icon
  3. Font Size
    determines the size of the rating icon
  4. Items Margin Right
    set the gap between rating icons
  5. Margin
    set the distance between the rating icon with the client name

 

Client Name (#)

  1. Normal

      • Normal Color
        choose the color of the text
      • Normal Typography
        select the type of font to be used
      • Normal Margin Bottom
        put a gap between Client Name and Client Designation
  2. Hover

      • Hover Color
        choose the color of the text
      • Hover Typography
        select the type of font to be used
      • Hover Margin Bottom
        put a gap between Client Name and Client Designation

 

Client Designation

  1. Normal

      • Normal Color
        choose the color of the text
      • Normal Typography
        select the type of font to be used
      • Normal Margin Bottom
        leave a gap between the client designation and the bottom margin
  2. Hover

      • Hover Color
        choose the color of the text
      • Hover Typography
        select the type of font to be used
      • Hover Margin Bottom
        leave a gap between the client designation and the bottom margin

 

Client Image (#)

  1. Background Type
    select the type of background
  2. Border Type
    choose the type of border that has been provided
  3. Border Radius
    set all corners of the content with certain values
  4. Box Shadow
    add a shadow box effect
  5. Margin
    give free space
  6. Padding
    to reduce the size of the image
  7. Width
    enlarge image size

Arrow (#)

  1. Font Size
    zoom in zoom out arrow icon
  2. Normal

      • Normal Color
        choose the color of the quotes
      • Background Type
        select the type of background
      • Normal Padding
        give spacing between icon arrows
      • Normal Margin
        give spacing between icon arrows
      • Normal Border Radius
        set each corner with a specific value for the quote background
      • Normal Box Shadow
        add a shadow box effect
      • Border Type
        choose the type of border that has been provided
      • Normal Opacity
        to transfer the icon arrow
  3. Hover

      • Hover Color
        choose the color of the quotes
      • Background Type
        select the type of background
      • Hover Padding
        give spacing between icon arrows
      • Hover Margin
        give spacing between icon arrows
      • Hover Border Radius
        set each corner with a specific value for the quote background
      • Hover Box Shadow
        add a shadow box effect
      • Border Type
        choose the type of border that has been provided
      • Hover Opacity
        to transfer the icon arrow

 

Dots (#)

  1. Spacing Horizontal
    set the height of the content
  2. Spacing Vertikal
    choose a background colo
  3. General
      • Width
        set the size of the image with certain values
      • Height
        set the height of the image
      • Border Radius
        set all angles with a certain value
      • Color
        choose a color
  4. Active
      • Width
        set the size of the image with certain values
      • Height
        set the height of the image
      • Border Radius
        set all angles with a certain value
      • Color
        choose a color

 

CSS BOX

  1. Custom CSS
    You can additional CSS on this box
Created in Denpasar, Bali by Jegtheme. 2025