BC Wrapper

Helps to organize multiple blocks so you can combine blocks into one div to add background images, overlap elements, etc.

  • Custom Class

PHP
/bc/wp-content/themes/bc3/default-blocks/wrappers/bc-block-wrapper.php

Overrides

Create a new SCSS file for individual blocks that need independent styling
Example file path/name: /bc/wp-content/themes/bc3/components/bc-block-wrapper__wrapper.scss

Wrapper Example

The trust logo and section blocks are in the wrapper, we are grouped to overlap the banner

We also share a gradient background on the wrapper

Phasellus facilisis, velit tristique ornare commodo, leo mauris gravida elit, in finibus velit nibh auctor lacus. Sed fringilla tincidunt bibendum. Nunc dictum est at auctor mattis. Donec eget dignissim quam. Donec tincidunt ante id diam ultricies tincidunt. Quisque eu porttitor erat. Nam dapibus lobortis orci, a maximus lacus fringilla eu. Vivamus tincidunt finibus elit, vitae aliquam dui lobortis eu. Maecenas facilisis maximus augue, vitae laoreet nisl sollicitudin eu. Cras condimentum in erat nec pharetra. Quisque porta nunc sed libero suscipit, sit amet vulputate metus porta. Integer vel massa sed ante ullamcorper gravida id eu tellus. Donec at elit a ex accumsan faucibus. Nunc molestie tellus vel velit viverra commodo.