Breakout Section
Breakout Content
A Built In Kadence Block Option + Custom CSS.
This is a content section that is built using a Kadence Row Block that utilized the default breakout content setting. Unfortunately this setting doesn’t truly work without a little bit of custom CSS, but it’s work the effort.
Using these settings allows us to have a content section accompanied by large imagery, where the photo spans ALL THE WAY to the edge of the window, while the content remains within the theme’s inner content width.
Breakout Section Right
Necessary Tools and Important Notes
Tools Used:
- Kadence Row Block
- Custom CSS
- Custom CSS Class: custom-breakout-left
Notes:
- Padding L&R is not set on the row, resulting in the site’s default edge padding to
Breakout Section left
Lorem ipsum dolor sit, amet consectetur.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel elit placerat, hendrerit urna quis, ullamcorper nulla. Praesent vel enim velit. Vestibulum semper augue lorem. Nam facilisis, ante in vulputate convallis, ipsum mi ornare tellus, quis mollis neque velit ornare sapien. Ut malesuada consequat tristique. Proin condimentum rhoncus vehicula. Aliquam elit enim, sollicitudin quis feugiat sed, tristique in velit.