Halloween Is an Event: up to 70% off every Pro plan

Time left: 00d00h00m00s Ends Oct 31, 23:59 GMT

Grab your treat
View Categories

1. Style Tab Overview

Every part of an Eventful card has its own section in the Style tab.

  1. Click the widget, then open the Style tab.
    Eventful Style tab in Elementor with the style sections and the live widget
    The Style tab, with the live widget beside it.
  2. Open the section for the part you want to change, for example Title or Read More.
  3. Use Normal and Hover to set the colours for each state. Changes show on the page straight away.

The sections #

SectionWhat it styles
Section TitleThe heading above the events: typography, colour, alignment, margin.
BoxThe event card: border width and radius, padding, margin, background and border colours, box shadow (normal and hover), featured-event backgrounds, overlay colour and opacity.
Category BadgeThe category label: typography, colours (normal and hover), border, radius, padding.
ImageCorner radius, border, background behind the image, margin. List and Minimal List: Image Height (Auto or Fill card) and Object Fit. Accordion: Image Width and Content Vertical Align.
TitleTypography, colour and hover colour, margin.
Event MetaThe date, venue and price line: typography, colour, margin.
ContentThe excerpt: typography, colour, margin.
Read MoreThe button: typography, colours (normal and hover), border, radius, padding. A text link has its own Text Link settings: typography, colour, hover colour, padding, margin, Keep on One Line.
Social ShareShare icons: colours (normal and hover), border, radius.
PaginationPage numbers and Load More: colours for normal, hover and active.
Filter BarFilter buttons (normal and active) and the Show/Hide Filter button.

Carousel and Slider add a Carousel section for the arrows and dots; Table and Accordion have their own table and item sections.

Eventful Read More style settings in the Elementor Style tab: colours, radius and padding
Style > Read More: colours, border radius and padding.

Where is the Style tab? #

If the Style tab is missing, the widget is set to a pre-made template: Content > Template Styles > Template Type is Pre-made Templates. Switch it to Custom to style the card yourself, or adjust the template’s own colours. Table and Accordion always keep the tab. See Pre-made Templates.

See the styling demo →