INTRODUCING: EVENT SECTIONS

WEBDESIGNAPP WEBDESIGNAPP / GENERAL Last updated on Updated  Nov 06, 2020

Let your site visitors know what's going on at a glance with 9 eye-catching and informative new Events Sections, built using the Table, Calendar and Gallery widgets.


Scroll down to see previews or go to the editor and find them in the new Events tab of your Sections panel.


hhBf0ZWSf8tJIxVR2R1A1oeuaWO60qltKSiIDcmW.png


Events Sections


Upcoming Concerts 


KcSudJ9A1YqMXwmpenu4Pogcui0pZDqKpBJbYhKA.png


This Section is built using two Table widgets, one after the other.  Content in Table widgets can now include links,  so you can connect any field in the widget to a URL, popup, page anchor, etc. 


To build this section on your own, follow these steps:


1. Start with a row with one column. Add a background image to the row and toggle on the parallax effect.


2. Add the following widgets to the row, one on top of the other: Icon, Title, Table, Social Icons.


3. Select an X in the Icon widget, add a title to the Title widget and design the table as follows: Turn the toggle on for the first column and even column width. In the first column, set the font to 20 px, white and bold. Set the header color background to white with 60% opacity; set the font to 16 px, blue and bold. Set the even row background color to purple with 20% opacity. Set the odd row background color to white with 20% opacity. Set the row font to 16px, white.


4. To set the entrance animation: right-click on the table > entrance animation >fade in from left/right.


5. Copy the entire table and paste it immediately below.


School Calendar


gHL4sY2uznmxXM0v3LMEXUcereMFpBBW062MGNt2.png


Company Agenda


KOvjTwx8Zs3EY1gVAHpAOxJKu2dWukOdfDqP7VDs.png


Upcoming Events 


vPExxTfXQ85vlgVSIfMH5Am4njMdLrcVp07hlCQS.png


Salon Events


9aqGTVwB27kEKyCPUYjirYne5RdFmwfENZfmgRBa.png


Gallery Events 


dto7zr32LVAk5swyyLiMWL9zLtxFxDMFtLAmppTS.png


Health Club Classes 


FpQm33lKLClnYr8aJ6wZFB0S17pPr8JA2LiPfho5.png


58KdfEgIDb535HgRhoBp87wqrkCZDAFieXAit9Ic.png



Theater Schedule


AepRRBxfxB3OpM5XvnJZiYoxzvMZMVOUqFgvOZ9b.png