sidebar divider

[michell610]

I am trying to add a div to the right sidebar so I can add and style a vertical divider that will be responsive. I have tried this, which doesn’t work:

function themeblvd_fixed_sidebar_before_default( $side ){?>
		<div class="sidebardivider">
			<div class="right-sidebar-divider"> 
			<?php
}
function themeblvd_fixed_sidebar_after_default( $side ){?>
			</div>
		</div>
		<?php
}

Any suggestions?
Thanks in advance,
Michell

Topic

[Jason Bobich]

Hello Michell,

So, essentially you’re just trying to get some HTML markup before and after the sidebar, right? This would be a great chance to utilize some action hooks.

http://dev.themeblvd.com/tutorial/actions/

http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

Here’s a basic example of how you can get started from your Child theme’s functions.php, if I understand what you’re trying to accomplish.

/**
 * Add content before fixed sidebars.
 */
function my_fixed_sidebar_before(){
	?>
	<div class="sidebardivider">
		<div class="right-sidebar-divider"> 
	<?php
}
add_action( 'themeblvd_fixed_sidebar_before' , 'my_fixed_sidebar_before', 9 );

/**
 * Add content after fixed sidebars.
 */
function my_fixed_sidebar_after(){
	?>
		</div><!-- .sidebardivider (end) -->
	</div><!-- .right-sidebar-divider (end) -->
	<?php
}
add_action( 'themeblvd_fixed_sidebar_after' , 'my_fixed_sidebar_after', 11 );

The above is going to wrap what’s currently in Jump Start, and if you wanted to actually remove what is currently there by default, you can add this into the mix:

remove_action( 'themeblvd_fixed_sidebar_before', 'themeblvd_fixed_sidebar_before_default' );
remove_action( 'themeblvd_fixed_sidebar_after', 'themeblvd_fixed_sidebar_after_default' );

[Author]

Replies