About This Pattern
An informational banner to draw attention to a section from the users. It can be combined with a call to action button.
Dependencies
The following items are required to use this pattern: Kadence Block plugin
Use This Pattern
To use this pattern, click the clipboard icon on the top right of the box below to copy the code then paste it into the editor on your website. Do not highlight the text and copy it manually. You will need to update any images that may be in the pattern so your website is not cross linking with this page.
<!-- wp:kadence/rowlayout {"uniqueID":"912_acb354-fb","columns":1,"colLayout":"equal","minHeight":600,"maxWidth":750,"bgImg":"https://kadence-tru.trubox.ca/wp-content/uploads/sites/3146/2025/03/greg-shield-GA3NfIOHkUg-unsplash.jpg","bgImgPosition":"0% 100%","overlay":"palette5","overlayFirstOpacity":1,"overlayOpacity":75,"align":"full","verticalAlignment":"middle","firstColumnWidth":0,"secondColumnWidth":0,"thirdColumnWidth":0,"fourthColumnWidth":0,"fifthColumnWidth":0,"sixthColumnWidth":0,"tabletPadding":["xl","","xxl",""],"minHeightTablet":400,"padding":["4xl","sm","4xl","sm"],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"912_8cc9a4-3b","kbVersion":2} -->
<div class="wp-block-kadence-column kadence-column912_8cc9a4-3b"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"912_37508b-b5","align":"center","color":"palette9","markBorder":"","markBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"tabletMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"mobileMarkBorderStyles":[{"top":[null,"",""],"right":[null,"",""],"bottom":[null,"",""],"left":[null,"",""],"unit":"px"}],"colorClass":"theme-palette9","fontSize":["xl","",""]} -->
<h2 class="kt-adv-heading912_37508b-b5 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color" data-kb-block="kb-adv-heading912_37508b-b5">Heading</h2>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|theme-palette9"}}}},"textColor":"theme-palette9"} -->
<p class="has-text-align-center has-theme-palette-9-color has-text-color has-link-color">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse feugiat elementum laoreet. Suspendisse gravida et dui vel bibendum. </p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->