Blog and Post Sidebar Color Help

Hey Chris,

Thank you for using Enfold.

The sidebar height is shorter compare to the main content. You have to create a script that will get the height of the main content and then apply it to the sidebar. Example here: https://kriesi.at/support/topic/how-can-i-add-a-border-change-background-of-sidebar-widgets/#post-594239

Best regards,
Ismael

Hi,

Please update the code:

add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
	<script type="text/javascript">
	(function($){
		var a = function() {
			var ch = $('.container .av-content-small.units').height();
			$('#top #main .sidebar ').css('height', ch);
		}

		a();
	})(jQuery);
	</script>
	<?php
}

Best regards,
Ismael

Hi,

You forgot to update the code. We updated it and then removed a few css modification in the Quick CSS field. Please remove browser cache before checking the page.

Best regards,
Ismael

Hi,

The sidebar height adapts to the content height now. Replace the css gradient with the following:

.container_wrap.sidebar_right {
    background: -webkit-gradient(linear,right top,left top,color-stop(#f1f1f1,0.295),color-stop(white,0));
    background: -webkit-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -moz-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -o-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: linear-gradient(to left,#f1f1f1 29.5%,white 0);
}

If it’s not working, try this:

.container_wrap.sidebar_right {
    background: -webkit-gradient(linear,right top,left top,color-stop(#f1f1f1,0.295),color-stop(white,0));
    background: -webkit-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -moz-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -o-linear-gradient(right,#f1f1f1 29.5%,white 0);
    background: -ms-linear-gradient(to left,#f1f1f1 29.5%,white 0);
    background: linear-gradient(left,#f1f1f1 29.5%,white 0);
}

Best regards,
Ismael