Ready to get organised and add your calendar events to your page? If you haven't created one yet, simply click on the "click here" link, which will direct you to it! Once it's set up, you'll instantly have access to view any upcoming events and tasks.

If you want to modify what appears on your page after changes were implemented from the calendar page however, don't forget to re-add that element in order to save yourself some time and make sure your page accurately reflects those important updates.

The General Setting feature displays the default name/title of the Edit option you are currently working on. You have the option to either leave it as is or rename it according to your preference. This feature is particularly useful when you have multiple elements on your web page and need to quickly identify and differentiate them.

The Spacing Option provides you with various options for adjusting the position of your content on your web page. The settings only apply to the specific Edit option you are working on. For example, when customising a Row (indicated by the blue box), any changes made to the spacing options will only impact the content within that Row.

There are four different toggle bars available for adjusting the Padding Left, Right, Top, and Bottom of your content. By selecting the appropriate toggle bar, you can move your content to the left, right, top, or bottom, depending on your design preferences. Adjusting the padding can result in a more visually balanced web page, making it easier for your audience to engage with your content.

You can toggle the bars to adjust the Margin Top and Bottom of your content. This feature provides greater control over the position and appearance of your elements, allowing you to tailor your web page design to fit your specific style.

Calendar

The Calendar Configure feature allows you to replace your current calendar with a new one. From the Calendar menu, you can select the new form you prefer to be displayed on your web page. This feature ensures that your web page always displays the most updated and relevant calendar for your audience.

Redirect Action

The Button Action feature allows you to configure the behaviour of your button. You can either select the Open the popup action or the go-to website URL action.

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.

If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

The Advanced Setting feature provides you with additional options to customise the elements on your web page to your preference.

The Visibility option allows you to choose the visibility of a specific Edit option on desktop, mobile, or both. By selecting the relevant icon, you can optimise your web page for your audience's specific device.

The Custom Class option enables you to assign a custom class name to your element, enabling you to apply custom styles specifically to that element. You can input your desired custom class name in the dedicated field linking it to style definitions in a stylesheet.

You can easily copy the Custom CSS code by clicking on the Copy icon that is located to the right side of the reference code. By doing so, you can simplify the process of replicating and implementing your CSS Selector code across your web page, saving time and improving your web page's functionality and appearance.