Overriding a default Beaver Builder module to create a unique Blog Post Layout
/*
Extend Photo Modules with the new Alignment: Full-width option outside the narrow content area
ONLY on larger devices
*/
@media only screen and (min-width: 1200px) {
.fl-photo-align-full-width{margin-left: -160px; margin-right: -160px;}
}
/*
Make the content area on Single Posts narrower ONLY if they are edited using Beaver Builder
*/
.single.fl-builder .fl-content{max-width:770px;margin-left:auto;margin-right:auto;float:none;padding-left:0;padding-right:0;}
<?php
'align' => array(
'type' => 'select',
'label' => __('Alignment', 'fl-builder'),
'default' => 'center',
'options' => array(
'left' => __('Left', 'fl-builder'),
'center' => __('Center', 'fl-builder'),
'right' => __('Right', 'fl-builder'),
'full-width' => __('Full-width', 'fl-builder')
)
)