elicus

.custom-tabs .et_pb_tab_active a {
  color: #ffffff!important;
}

.custom-tabs ul.et_pb_tabs_controls {
  float: left;
  width: 30%;
  display: block;
  background: transparent;
}

elicus

function remove_divi_post_status( $post_states, $post ) {
		// Make sure that $post_states is an array. Third party plugin might modify $post_states and makes it null
		// which create various issue (i.e. Piklist + Having a page configured as a static page)
		if ( ! is_array( $post_states ) ) {
			$post_states = array();
		}

		if ( et_pb_is_pagebuilder_used( $post->ID ) ) {
			// Remove Divi if existing
			$key = array_search( 'Divi', $post_states );

elicus

<?php
function nav_menu_description( $item_output, $item, $depth, $args ) {
  if ( !empty( $item->description ) ) {
   $item_output = str_replace( $args->link_after . '</a>', '<span class="menu-item-description">' . $item->description . '</span>' . $args->link_after . '</a>', $item_output );
 }
return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'nav_menu_description', 10, 4 );
?>

elicus

Footer Settings
Footer Area 1: 
Text widget with heading and text

Footer Area 2: 
Text widget with heading and following HTML
<span class="footer-address">890 Lorem Ipsum Street #12
San Francisco, California 65432</span>
<span class="footer-phone">123.4567.890</span>
<span class="footer-email">demo@example.com</span>

elicus

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".et-social-icon a").attr('target', '_blank');
    });
</script>

elicus

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".et-extra-social-icons a").attr('target', '_blank');
    });
</script>

elicus

===Sidebar===

1.Add text widget which is already available in widget and add html code.(Add url of image in src="")
<p class="el-image-round"><img class="aligncenter size-full wp-image-271" src="" alt="divi blog theme elicus life coach " width="300" height="300" /></p>
<p><center><em><span style="text-decoration: underline;"><strong>Bella Doe</strong></span></em></center></p>
<p><center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</center></p>
<p class="el-sidebar-icons"><a href="#"><span class="el-social-icon"></span></a>
<a href="#"><span class="el-social-icon"></span></a>
<a href="#"><span class="el-social-icon"></span></a>
<a href="#"><span class="el-social-icon"></span></a></p>

elicus

Option 1: This option uses one third of available width for image and two third for the content area. (default is 50%)

@media screen and (min-width: 981px){
	.et_pb_column_3_4 .et_pb_post_extra.el_dbe_full_width .post-media{
		width: calc((100% - 120px) / 3);
	}
	.et_pb_column_3_4 .et_pb_post_extra.el_dbe_full_width .post-content{
		width: calc((100% - 120px) / 3 * 2);
	}
}

elicus

Default media and container width is 50%. The following CSS snippet will change the media container width to 1/4 and post content to 3/5.

@media screen and (min-width: 981px){
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_full_width .post-media {
    width: calc((100% - 120px)/ 4);
}
.et_pb_column_4_4 .et_pb_post_extra.el_dbe_full_width .post-content {
    width: calc((100% - 120px)/ 4*3);
}
}

elicus

$postbg = get_post_meta( get_the_ID(), 'postbg', true);
if( ! empty( $postbg ) ) {
	$postbg = get_post_meta($post->ID, 'postbg', true);
	$posts .= '<div class="post-content" style="background-color: '.$postbg.' ;">';
} else{
	$posts  .= '<div class="post-content">';
}