'] . '" ' . $item_id; if( !empty($content['option']['background']) || !empty($padding) ){ echo 'style="'; if( !empty($content['option']['background-type']) && $content['option']['background-type'] == 'full-color' ){ echo !empty($content['option']['background'])? 'background-color: ' . $content['option']['background'] . '; ': ''; } echo $border; echo $padding; echo '" '; } echo '>'; $inner_container = false; $inner_style = ''; if( empty($content['option']['background-type']) || $content['option']['background-type'] == 'color' ){ $inner_container = true; $inner_style = ' style="background-color: ' . $content['option']['background'] . ';" '; } echo '
'; echo ($inner_container)? '
': ''; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo ($inner_container)? '
': ''; echo '
'; // close container echo ''; // close wrapper } } // print parallax wrapper if( !function_exists('gdlr_print_parallax_wrapper') ){ function gdlr_print_parallax_wrapper( $content ){ global $parallax_wrapper_id; $parallax_wrapper_id = empty($parallax_wrapper_id)? 1: $parallax_wrapper_id; if( empty($content['option']['page-item-id']) ){ $content['option']['page-item-id'] = 'gdlr-parallax-wrapper-' . $parallax_wrapper_id; $parallax_wrapper_id++; } $item_id = ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; echo '
'; if( !empty($content['option']['background-mobile']) ){ if( is_numeric($content['option']['background-mobile']) ){ $background = wp_get_attachment_image_src($content['option']['background-mobile'], 'full'); $background = $background[0]; }else{ $background = $content['option']['background-mobile']; } echo ''; } // background pattern }else if($content['option']['type'] == 'pattern'){ $background = GDLR_PATH . '/images/pattern/pattern-' . $content['option']['pattern'] . '.png'; echo 'style="background-image: url(\'' . $background . '\'); ' . $padding . $border . '" >'; // background video }else if( $content['option']['type'] == 'video' ){ echo 'style="' . $padding . $border . '" >'; global $gdlr_gallery_id; $gdlr_gallery_id++; $overlay_opacity = (empty($content['option']['video-overlay']))? 0: floatval($content['option']['video-overlay']); echo ''; // background video / none }else if(!empty($padding) || !empty($border) ){ echo 'style="' . $padding . $border . '" >'; } echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close container echo '
'; // close wrapper } } // print full size wrapper if( !function_exists('gdlr_print_full_size_wrapper') ){ function gdlr_print_full_size_wrapper( $content ){ $item_id = empty($content['option']['page-item-id'])? '': ' id="' . $content['option']['page-item-id'] . '" '; global $gdlr_spaces; $padding = (!empty($content['option']['padding-top']) && ($gdlr_spaces['top-full-wrapper'] != $content['option']['padding-top']))? 'padding-top: ' . $content['option']['padding-top'] . '; ': ''; $padding .= (!empty($content['option']['padding-bottom']) && ($gdlr_spaces['bottom-wrapper'] != $content['option']['padding-bottom']))? 'padding-bottom: ' . $content['option']['padding-bottom'] . '; ': ''; $border = ''; if( !empty($content['option']['border']) && $content['option']['border'] != 'none' ){ if($content['option']['border'] == 'top' || $content['option']['border'] == 'both'){ $border .= ' border-top: 4px solid '. $content['option']['border-top-color'] . '; '; } if($content['option']['border'] == 'bottom' || $content['option']['border'] == 'both'){ $border .= ' border-bottom: 4px solid '. $content['option']['border-bottom-color'] . '; '; } } $background = !empty($content['option']['background'])? ' background-color: ' . $content['option']['background'] . '; ': ''; $content['option']['show-section'] = !empty($content['option']['show-section'])? $content['option']['show-section']: ''; $style = (!empty($padding) || !empty($border) || !empty($background))? ' style="' . $padding . $border . $background . '" ': ''; echo '
'; foreach( $content['items'] as $item ){ if( $item['item-type'] == 'wrapper' ){ gdlr_print_column_wrapper( $item ); }else{ gdlr_print_item( $item ); } } echo '
'; echo '
'; // close wrapper } } // get column class if( !function_exists('gdlr_get_column_class') ){ function gdlr_get_column_class( $size ){ switch( $size ){ case '1/9': return 'one-ninth column'; break; case '1/8': return 'one-eighth column'; break; case '1/7': return 'one-seventh column'; break; case '1/6': return 'two columns'; break; case '1/5': return 'one-fifth column'; break; case '1/4': return 'three columns'; break; case '2/5': return 'two-fifth columns'; break; case '1/3': return 'four columns'; break; case '1/2': return 'six columns'; break; case '3/5': return 'three-fifth columns'; break; case '2/3': return 'eight columns'; break; case '3/4': return 'nine columns'; break; case '4/5': return 'four-fifth columns'; break; case '1/1': return 'twelve columns'; break; default : return 'twelve columns'; break; } } } // print column wrapper if( !function_exists('gdlr_print_column_wrapper') ){ function gdlr_print_column_wrapper( $content ){ echo '
'; foreach( $content['items'] as $item ){ gdlr_print_item( $item ); } echo '
'; // end of column section } } ?> Styled Box - Writemore

Styled Box

Shortcode Usage

Photoshop

Bibendum Tortor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Photoshop

Bibendum Tortor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Button Text

Bibendum Tortor

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Button Text