Overview

The general settings section allows you to modify basic aspects of your web page elements, such as adjusting titles and controlling spacing.

Detailed Breakdown

  • Element Title/Name: You can keep the default names for your elements or rename them for easier identification, especially useful when managing multiple components on the page.
  • Spacing Settings: Use margin and padding adjustments to create an ideal layout. These settings allow you to control the spacing around your content to improve the overall user experience. Padding: Modify the padding on all sides of the content within an element. Margin: Adjust the top and bottom margins to control spacing around the element.

Calendar Setup

Overview: The calendar feature allows you to manage your web page’s event listings to ensure that users always see up-to-date information.

Detailed Breakdown

  • Calendar Menu: Use this to update or replace the existing calendar display on your site, ensuring the latest schedule is always visible.
  • Updating Calendar Events: When you make changes to events, remember to re-add the calendar element so that your page reflects the updates.

Button and Link Customization

Overview: Tailor the behavior of buttons and links to support your overall marketing goals.

Detailed Breakdown

  • Redirect Option: Decide whether clicking a button triggers a popup or redirects users to a new page.
  • Open In New Tab: Enable this to have links open in separate tabs, keeping your main page open in the background.

Advanced Settings for Additional Control

Overview: Advanced options allow for further customization of your elements, including device visibility and the use of custom CSS classes.

Detailed Breakdown

  • Visibility Settings: Choose whether elements are visible on desktop, mobile, or both to tailor the viewing experience for different devices.
  • Custom Class and CSS Selector: Assign a custom class name to an element to apply specific styles. You can also easily copy CSS Selector codes for consistent styling across your page.

Troubleshooting and FAQs

Common Issues:

  • If updates to the calendar are not reflected, ensure that you have re-added the calendar element after changes.
  • When custom styles aren’t applied correctly, verify that the custom class names are correctly linked to your stylesheet.

Frequently Asked Questions

  • Q: How do I ensure my calendar shows the most recent events? A: Always re-add the calendar to your page after making updates.
  • Q: Can I optimize my page for mobile devices? A: Yes, by using the Visibility setting in Advanced Options, you can control which elements are visible on mobile or desktop.