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.