JKIT – Client Logo

JKIT – Client Logo A logo image slider. This time we will give you a tutorial using JKIT – Client Logo, as follows

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

1. Activate JKit Button (#)
2. Adding JKit-Nav Menu to Page (#)
3. Content Setting (#)
4. Style Setting (#)

Activate JKIT – Client Logo 

Before starting, please make sure the JKit button is already activated on Jeg Elementor Kit Dashboard ➞Elements

Adding JKit Icon Box to Page

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

Content Setting

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

1. Spacing
   provide spacing between images
2. Slide to Show
   set the number of images displayed
3. Autoplay
   activate autoplay mode
4. Show Arrow
   activate Show Arrow mode
5. Show Dots
   activate Show Dots mode

1. Image Size
   choose an image size
2. Reapeater List
   to insert images and organize images

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

• Container (#)
• Logo(#)
• Arrow(#)
• Dots(#)
• CSS BOX (#)

Container (#)

1. Background Type
   add background color
2. Padding
   set the number of images displayed
3. Margin
   activate autoplay mode
4. Min Height
   activate Show Arrow mode

Logo (#)

1. Fix Height
   adjust the height of the image
2. Normal
   
   • • Fix Height
       set the height of the content
     • Background Type
       choose a background color
     • Normal Padding
       empty space or space between one content and another.
     • Normal Margin
       provide space around the content
     • Normal Border Radius
       set all angles with a certain value
     • Normal Box Shadow
       add a shadow effect
     • Border Type
       add borders
     • Normal Opacity
       set content transparency
3. Hover
   

• • • Background Type
      choose a background color
    • Hover Padding
      empty space or space between one content and another.
    • Hover Margin
      provide space around the content
    • Hover Border Radius
      set all angles with a certain value
    • Hover Box Shadow
      add a shadow effect
    • Border Type
      add borders
    • Hover Opacity
      set content transparency

Arrow (#)

1. Font Size
   determine the size of the arrow icon
2. Normal
   
   • • Normal Color
       choose a background color
     • Background Type
       choose a background color
     • Normal Padding
       empty space or space between one content and another.
     • Normal Margin
       provide space around the content
     • Normal Border Radius
       set all angles with a certain value
     • Normal Box Shadow
       add a shadow effect
     • Border Type
       add borders
     • Normal Opacity
       set content transparency
3. Hover
   

• • • Hover Color
      choose a background color
    • Background Type
      choose a background color
    • Hover Padding
      empty space or space between one content and another.
    • Hover Margin
      provide space around the content
    • Hover Border Radius
      set all angles with a certain value
    • Hover Box Shadow
      add a shadow effect
    • Border Type
      add borders
    • Hover Opacity
      set content transparency

Dots (#)

1. Spacing Horizontal
   set the height of the content
2. Spacing Vertikal
   choose a background color
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
   1. • Active Width
        set the size of the image with certain values
      • Active Height
        set the height of the image
      • Active Border Radius
        set all angles with a certain value
      • Active Color
        choose a color

CSS BOX (#)

1. Custom CSS
   You can additional CSS on this box