how to align widgets side by side, theme customizr

  • Resolved Justine007

    (@justine007)


    9 years, 5 months ago

    Please tell me how to align widgets in customizr.
    https://ordinary.net46.net/wordpress/
    it is below featured page.

    add_filter( 'tc_default_widgets' , 'add_featured_page_widget' );
function add_featured_page_widget( $default_widgets_area ) {
$default_widgets_area ['fp_widgets'] = array(
'name' => __( 'Featured Pages Widget One' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_two'] = array(
'name' => __( 'Featured Pages Widget Two' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_three'] = array(
'name' => __( 'Featured Pages Widget Three' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

$default_widgets_area['fp_widgets_four'] = array(
'name' => __( 'Featured Pages Widget Four' , 'customizr' ),
'description' => __( 'Below the featured pages area on home' , 'customizr' )
);

return $default_widgets_area;
}

add_action('__after_fp' , 'display_my_fp_widget');
function display_my_fp_widget() {
dynamic_sidebar('fp_widgets');
dynamic_sidebar('fp_widgets_two');
dynamic_sidebar('fp_widgets_three');
dynamic_sidebar('fp_widgets_four');
}

    I am using this code to display four text widgets

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Justine007

    (@justine007)

    Any way?

    Thread Starter Justine007

    (@justine007)

    <?php

/********************************************************/
 //  Adds 4 widget areas after main content section inside the main wrapper on Home page
/********************************************************/
add_filter( 'tc_default_widgets' , 'add_featured_page_widget' );

function add_featured_page_widget( $default_widgets_area ) {

	$default_widgets_area ['fp_widgets'] = array(
		'name' => __( 'Featured Pages Widget One' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_two'] = array(
		'name' => __( 'Featured Pages Widget Two' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_three'] = array(
		'name' => __( 'Featured Pages Widget Three' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	$default_widgets_area['fp_widgets_four'] = array(
		'name' => __( 'Featured Pages Widget Four' , 'customizr' ),
		'description' => __( 'After main content area on home' , 'customizr' )
	);

	return $default_widgets_area;
}

add_action('__after_main_container' , 'display_my_fp_widget', 20);

function display_my_fp_widget() {
	// if ( is_home() || is_front_page() ) {
	if ( is_front_page() ) {
	  ?>
	  <!-- <div class="row-fluid"> -->   <!-- this allows a full width background rule via css for #main-wrapper -->
	  <div class="row-fluid">
	    <div class="span3"><?php dynamic_sidebar('fp_widgets'); ?></a></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_two'); ?></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_three'); ?></div>
	    <div class="span3"><?php dynamic_sidebar('fp_widgets_four'); ?></div>
	  </div>
	  <?php
	}
}

// Style all the featured pages widgets so they take up the right space
add_filter( 'fp_widgets_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_two_widget_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_three_widget_class', 'display_my_fp_widget_class');
add_filter( 'fp_widgets_four_widget_class', 'display_my_fp_widget_class');

function add_featured_page_widget_class() {
	return 'span3';
}
// https://presscustomizr.com/snippet/adding-widget-area-home/

?>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to align widgets side by side, theme customizr’ is closed to new replies.