/* Full width custom block background and forgrond colors */ .custom-fwb { background-color: #022851; color: #fff; } /* Full width custom block title size and color */ .custom-fwb h2 { color: #fff; font-size: 3rem; } /* Full width custom block 2 tone color style */ .custom-fwb h2 span { color: #FFBF00; display: block; } /* Full width custom block image that hangs over the edge */ .custom-fwb img { top: -58px; position: relative; } /* Vertically center full width body text in large screen sizes */ @media only screen and (min-width: 992px) { .custom-fwb__body { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter