1. Home
  2. Docs
  3. Kitring Online Documentations
  4. Theme Shortcode
  5. Modal Popup

Modal Popup

Use Modal Popup shortcode to display additional content on site page with pop-up. This way you don’t have to worry if the space on the page isn’t enough to display your additional content.

General Settings

  1. Select a modal style
  2. Check “Enable Modal Title” to display heading then input the modal title
  3. Select a color for modal heading background
  4. Select a color for modal heading text
  5. Select a color for the border
  6. Set the modal size
  7. Select a color for content background
  8. Check “Full Modal” box to display the content in fullwidth mode (without padding)

Button Options

  1. Enter the label of the button
  2. Select a style to display the button
  3. Set the default color for the button and its label along with the color when button/label on hover
  4. Adjust the button size in px
  5. Adjust the border radius in px
  6. Check “Use Icon” box to add icon next to the button label
  7. Check “Enable Fullwidth” box to display fullwidth button

Modal Content

In this General tab you can enter the content in the WYSIWYG editor. Click Save Changes after everything is set up.

modal01 modal02

Was this article helpful to you? Yes No

How can we help?