{"id":4297,"date":"2026-10-21T08:09:55","date_gmt":"2026-10-21T08:09:55","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4297"},"modified":"2026-10-21T08:09:55","modified_gmt":"2026-10-21T08:09:55","password":"","slug":"style-tab","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/style-tab\/","title":{"rendered":"1. Style Tab Overview"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">Every part of an Eventful card has its own section in the Style tab.<\/p>\n\n<ol class=\"wp-block-list efe-doc-steps\"><li>Click the widget, then open the <strong>Style<\/strong> tab.\n<figure class=\"wp-block-image size-full efe-shot efe-doc-shot\"><a href=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3.webp\" alt=\"Eventful Style tab in Elementor with the style sections and the live widget\" width=\"820\" height=\"430\" class=\"wp-image-4490\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3.webp 1640w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3-300x157.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3-1024x537.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3-768x403.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-style-tab-tight@2x-3-1536x805.webp 1536w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/a><figcaption class=\"wp-element-caption\">The Style tab, with the live widget beside it.<\/figcaption><\/figure>\n<\/li><li>Open the section for the part you want to change, for example <strong>Title<\/strong> or <strong>Read More<\/strong>.<\/li><li>Use <strong>Normal<\/strong> and <strong>Hover<\/strong> to set the colours for each state. Changes show on the page straight away.<\/li><\/ol>\n\n<h2 class=\"wp-block-heading\">The sections<\/h2>\n\n<figure class=\"wp-block-table efe-doc-table\"><table><thead><tr><th>Section<\/th><th>What it styles<\/th><\/tr><\/thead><tbody><tr><td>Section Title<\/td><td>The heading above the events: typography, colour, alignment, margin.<\/td><\/tr><tr><td>Box<\/td><td>The event card: border width and radius, padding, margin, background and border colours, box shadow (normal and hover), featured-event backgrounds, overlay colour and opacity.<\/td><\/tr><tr><td>Category Badge<\/td><td>The category label: typography, colours (normal and hover), border, radius, padding.<\/td><\/tr><tr><td>Image<\/td><td>Corner 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.<\/td><\/tr><tr><td>Title<\/td><td>Typography, colour and hover colour, margin.<\/td><\/tr><tr><td>Event Meta<\/td><td>The date, venue and price line: typography, colour, margin.<\/td><\/tr><tr><td>Content<\/td><td>The excerpt: typography, colour, margin.<\/td><\/tr><tr><td>Read More<\/td><td>The 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.<\/td><\/tr><tr><td>Social Share<\/td><td>Share icons: colours (normal and hover), border, radius.<\/td><\/tr><tr><td>Pagination<\/td><td>Page numbers and Load More: colours for normal, hover and active.<\/td><\/tr><tr><td>Filter Bar<\/td><td>Filter buttons (normal and active) and the Show\/Hide Filter button.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p class=\"wp-block-paragraph\">Carousel and Slider add a <strong>Carousel<\/strong> section for the arrows and dots; Table and Accordion have their own table and item sections.<\/p>\n\n\n<figure class=\"wp-block-image size-full efe-shot efe-doc-shot\"><a href=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1.webp\" alt=\"Eventful Read More style settings in the Elementor Style tab: colours, radius and padding\" width=\"1000\" height=\"430\" class=\"wp-image-4491\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1.webp 2000w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1-300x129.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1-1024x440.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1-768x330.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-styling@2x-1-1536x660.webp 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Style &gt; Read More: colours, border radius and padding.<\/figcaption><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Where is the Style tab?<\/h2>\n\n<p class=\"wp-block-paragraph\">If the Style tab is missing, the widget is set to a pre-made template: <strong>Content &gt; Template Styles &gt; Template Type<\/strong> is <strong>Pre-made Templates<\/strong>. Switch it to <strong>Custom<\/strong> to style the card yourself, or adjust the template&#8217;s own colours. Table and Accordion always keep the tab. See <a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pre-made-templates\/\">Pre-made Templates<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading efe-doc-related-title\">Related articles<\/h2>\n\n<ul class=\"wp-block-list efe-doc-related\"><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/responsive-settings\/\">Responsive Settings<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/global-colors-fonts\/\">Global Colors and Fonts<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pre-made-templates\/\">Pre-made Templates<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/event-styling\/\">See the styling demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to style Eventful widgets in Elementor: every Style tab section, normal, hover and active states, and why the tab hides for pre-made templates.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[34],"doc_tag":[],"class_list":["post-4297","docs","type-docs","status-publish","hentry","doc_category-styling"],"year_month":"2026-10","word_count":323,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ThemeAtelier","author_nicename":"foysal","author_url":"https:\/\/wpeventful.com\/elementor\/author\/foysal\/"},"doc_category_info":[{"term_name":"8. Styling","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/styling\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/comments?post=4297"}],"version-history":[{"count":5,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4297\/revisions"}],"predecessor-version":[{"id":5017,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4297\/revisions\/5017"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4297"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4297"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}