Event Card widget helps you display boxes of upcoming events on the page. Create your upcoming event with an event title, event description, event date, event place and event ticket etc. You can easily build this widget with EnterAddons
Using Event Card Widget:
You can see the below video to get an insight into how you can use the Events card Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Events Card Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Layout, Event Title, Event Type, Event Place, Event Date & Time, Event Ticket Price, Event Short Description, Button and Image etc .
After that, At first, from ‘Image’ section you can set image for event, that shows given below.
Then from ‘Layout’ section you can set ‘Layout style 1’ and ‘Layout style 2’. And below shows event card ‘Layout style 2’.
After that, from ‘Event Title’ section you can edit title and Set HTML Tag respectively.
Then, from ‘Event Type’ section you can edit event type and icons respectively.
After that, from ‘Event Place’ section you can edit event place.
Then, from ‘Event Date & Time’ section you can edit event date and time respectfully.
After that, from ‘Event Ticket Price’ section you can set events ticket price.
Then, from ‘Event Short Description’ section you can set event-short-description.
Then, from ‘Button’ section you can set button-label and link etc.
Step2
From ‘Style’ section you can stylize the widget. You will get the options Wrapper Settings, Title, Type, Place, Date, Time, Price, Descriptions, Image and Button.
After that from ‘Wrapper Settings’ section you can add margin, padding, border-type, border-radius, box shadow and background-type respectively.
Then from ‘Title’ section, you can edit color, typography, margin, padding respectively like below.
After that, from ‘Type’ section, you can edit color, typography, margin and padding respectively.
Then from ‘Place’ section, you can set place color, Icon color, typography, margin, padding and button respectively, and that is given below:
After that, from ‘Date’ section, you can set date position, date color, Icon color, typography, width, height and background-type respectively, and that is given below.
Then from ‘Time’ section, you can set time-color, icon-color, typography, margin and padding respectively.
After that, From ‘Price’ section, you can set price-color, typography, margin and padding respectively.
Then, From ‘Descriptions’ section, you can edit color, typography, margin and padding respectively.
After that, From ‘Button Style’ section, you can edit color, typography, margin and padding respectively in NORMAL view.
Moreover, from this section , also you can find HOVER view like below.
Step3
Finally, after finishing all the editing click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.