Calendar Element

Calendar

You can incorporate your calendar into your page. If you haven't created one yet, click on the "Click here" link and you will be directed to the Calendar page to create one.

If you already added your calendar link but you updated the calendar from the calendar page, you will have to delete the element and add it again for the update to reflect.

General Setting

Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Spacing Option:

There are different spacing options available for adjusting your content. Depending on the Edit option you are working on, the settings will only be applicable to that option. For example, if you are editing a particular Row (the BLUE box), only every content in that Row will follow the command of what settings you make.

• Padding Left, Right, Top, and Bottom
  This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.
  
  
• Margin Top and Bottom
  You can adjust the top or bottom margin of your content by toggling its bars.

Calendar Configure

Calendar

If you want to replace your Calendar, you can simply select the new form here.

Button Action

Redirect Action

You can select either the "Open the popup" or the "go-to website URL"

• Website
  When you select "Go to website URL" in the "Image Action" icon, it will require you to select which website page you will be settings.
  
  
• Open In New Tab
  If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

Advanced Setting

Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class

Input your custom class here.

CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.