I would like to have a background image and some text, but since the text isn’t that long (vertical height wise) very little of the image is shown. I would like more of an empty buffer above and below the text so more of the image is shown.

I assume I could do this with several <br> tags, but is there a neater way?

function shortcode_row_container( $atts, $content = null ) {

	extract(shortcode_atts(
		array(
        'full_width' => 'no',
		'dark'		=> 'no',
		'padded' 	=> 'yes',
		'bgr_url'  		=> '',
		'bgr_parallax' => 'no',
		'start_now' => '',
		'custom_classes' => '',
		), $atts));
    
	$full_width = (($full_width=='yes')||($full_width=='Yes')) ? true : false;
	$dark = (($dark=='yes')||($dark=='Yes')) ? true : false;
	$padded = (($padded=='yes')||($padded=='Yes')) ? true : false;
	$bgr_exists = $bgr_url ? true : false;
	$bgr_parallax = (($bgr_parallax=='yes')||($bgr_parallax=='Yes')) ? true : false;
	$start_now = (($start_now=='yes')||($start_now=='Yes')) ? true : false;
		
    $str = '<!-- Container Row -->'.
    ($full_width ? '<div '.($bgr_parallax ? ' data-stellar-background-ratio="0.5"' : '').' class="full_container '.$custom_classes.' '.($bgr_parallax ? 'parallax_bgr' : '').' '.($padded ? '' : 'no_padding').' '.($bgr_exists ? "no_border_container" : "").'"' .($bgr_exists ? ' style="background:url('.$bgr_url.') center center no-repeat; '.($bgr_parallax ? 'background-attachment: fixed; background-size: cover;' : '').'"' : '').'>' : '').'<div class="container animationStart '.($start_now ? 'startNow' : '').'">
		<div class="row '.($padded ? '' : 'no_margin').' '.($dark ? 'dark_container_white_text' : '').'">
			<div class="sixteen columns">
			'. do_shortcode_boc($content) .'
			</div>			
    	</div>
	</div>
	'.($full_width ? '</div>' : '').
	'<!-- Container Row :: END -->
	';

    return $str;
}

Then you can pass custom classes to the row container like so:

[row_container full_width="yes" dark="no" padded="yes" bgr_url="" bgr_parallax="no" custom_classes="my_class"]

Full Width Column Text

[/row_container]

You can then style that “.my_class” anyway you please in your Theme Options->Custom Styles, for example:

.my_class{
background: yellow;
height: 300px;
}