Lego2012
2/1/2017 - 7:36 PM

Overriding a default Beaver Builder module to create a unique Blog Post Layout

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')
			)
	)