About This Pattern
A banner with an image as background and the image has a gradient light effect. The banner contains: Overline text, heading and title.
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":"592_ac6954-93","tabletLayout":"row","collapseOrder":"right-to-left","colLayout":"equal","currentOverlayTab":"gradient","minHeight":500,"bgImg":"https://kadence-templates.trubox.ca/wp-content/uploads/sites/3172/2025/02/greg-shield-GA3NfIOHkUg-unsplash.jpg","bgImgPosition":"0% 100%","overlay":"#ffffff","overlaySecond":"#000000","overlayFirstOpacity":1,"overlaySecondOpacity":0,"overlayGradLoc":19,"overlayGradAngle":90,"overlayOpacity":100,"align":"full","verticalAlignment":"middle","firstColumnWidth":50,"secondColumnWidth":50,"tabletPadding":["lg","","lg",""],"tabletBackground":[{"enable":false,"bgColor":"","bgImg":"","bgImgID":"","bgImgSize":"cover","bgImgPosition":"center center","bgImgAttachment":"scroll","bgImgRepeat":"no-repeat","forceOverDesk":false,"type":"gradient","gradient":"linear-gradient(0deg,rgb(6,147,227) 0%,rgb(20,39,109) 100%)"}],"tabletOverlay":[{"enable":true,"currentOverlayTab":"normal","overlay":"palette9","overlaySecond":"#00B5E2","overlayGradLoc":0,"overlayGradLocSecond":100,"overlayGradType":"linear","overlayGradAngle":180,"overlayBgImg":"","overlayBgImgID":"","overlayBgImgSize":"cover","overlayBgImgPosition":"center center","overlayBgImgAttachment":"scroll","overlayBgImgRepeat":"no-repeat","overlayOpacity":85,"overlayBlendMod":"none","gradient":"linear-gradient(0deg,var(\u002d\u002dglobal-palette8,#F7FAFC) 46%,rgba(247,250,252,0) 100%)"}],"mobileOverlay":[{"enable":false,"currentOverlayTab":"gradient","overlay":"palette9","overlaySecond":"rgba(255,255,255,0.06)","overlayGradLoc":50,"overlayGradLocSecond":100,"overlayGradType":"linear","overlayGradAngle":110,"overlayBgImg":"","overlayBgImgID":"","overlayBgImgSize":"cover","overlayBgImgPosition":"center center","overlayBgImgAttachment":"scroll","overlayBgImgRepeat":"no-repeat","overlayOpacity":90,"overlayBlendMod":"none","gradient":"linear-gradient(180deg,var(\u002d\u002dglobal-palette8,#F7FAFC) 61%,rgba(247,250,252,0.95) 100%)"}],"inheritMaxWidth":true,"minHeightTablet":400,"overlayGradient":"linear-gradient(90deg,var(\u002d\u002dglobal-palette8,#F7FAFC) 30%,rgba(247,250,252,0) 100%)","padding":["xxl","","xxl",""],"mobilePadding":["sm","","sm",""],"margin":["","","xxl",""],"kbVersion":2} -->
<!-- wp:kadence/column {"borderWidth":["","","",""],"uniqueID":"592_4f69c3-20","textAlign":["","left",""],"direction":["vertical","",""],"verticalAlignment":"","kbVersion":2,"className":"inner-column-1"} -->
<div class="wp-block-kadence-column kadence-column592_4f69c3-20 kb-section-dir-vertical inner-column-1"><div class="kt-inside-inner-col"><!-- wp:kadence/advancedheading {"uniqueID":"592_1b7885-c2","color":"palette1","letterSpacing":1,"typography":"var( \u002d\u002dglobal-heading-font-family, inherit )","fontWeight":"600","margin":["","","0",""],"tabletMargin":["","","0",""],"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"}],"textTransform":"uppercase","colorClass":"theme-palette1","textShadow":[{"enable":true,"color":"palette9","blur":10,"hOffset":1,"vOffset":1}],"htmlTag":"span"} -->
<span class="kt-adv-heading592_1b7885-c2 wp-block-kadence-advancedheading has-theme-palette-1-color has-text-color" data-kb-block="kb-adv-heading592_1b7885-c2">Overline</span>
<!-- /wp:kadence/advancedheading -->
<!-- wp:kadence/advancedheading {"level":1,"uniqueID":"592_9221d8-42","margin":["0","","0",""],"tabletMargin":["0","","",""],"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"}],"fontSize":["xl","xl",""]} -->
<h1 class="kt-adv-heading592_9221d8-42 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading592_9221d8-42">Project Title</h1>
<!-- /wp:kadence/advancedheading -->
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vestibulum aliquam diam mattis suscipit. Morbi rutrum, turpis sit amet consequat varius, nunc dui imperdiet ante, vel ornare lectus orci a nisl.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:kadence/column -->
<!-- wp:kadence/column {"id":2,"borderWidth":["","","",""],"uniqueID":"592_a1ae37-7d","vstablet":true,"vsmobile":true,"kbVersion":2,"className":"inner-column-2"} -->
<div class="wp-block-kadence-column kadence-column592_a1ae37-7d kvs-md-false kvs-sm-false inner-column-2"><div class="kt-inside-inner-col"></div></div>
<!-- /wp:kadence/column -->
<!-- /wp:kadence/rowlayout -->