Thank you so much for CSS code. It works great for extending width of row 1 with 3 widgets to width of page container. Thanks for the help.
The padding is not uniform on widget 1 compared to widget 2 and widget 3 in row 1. I think I can figure that out.
My other challenge is how can I add another row of widgets in the footer.
When I add another row of 3 widgets the widgets in the second row shift the the right.
So far I have tried to solve this by
- Adding the following code in the 3rd widget in row one but that did not work.
<div style=“clear: both;”></div> I was sure this code would work. But it does not. I also tried adding CSS to make widget hieghts the same so row two would line up under row one. But somehow I have been unsuccessful.
I am attaching an image to demonstrate my challenge.
- SInc option 1 mentioned above did not work, I tried creating another sidebar widget which would be a full width widget.
I used css code: #footerarea .col-1 {
width: 100%;
float: left;
margin-left: 2.5%;
}
I registered a new widget in the functions.php in the file Library
// Registering footer widgets
register_sidebar( array(
‘name’ => __( ‘Footerfull’, ‘travelify’ ),
‘id’ => ‘travelify_footerfull_widget’,
‘description’ => __( ‘Shows widgets at footerfull.’, ‘travelify’ ),
‘before_widget’ => ‘<div class=“col-1”><aside id="%1$s" class=“widget %2$s”>’,
‘after_widget’ => ‘</aside></div>’,
‘before_title’ => ‘<h3 class=“widget-title”>’,
‘after_title’ => ‘</h3>’
)
);
I added the following to the file Libary Structure footer-extension.php
add_action( ‘travelify_footer’, ‘travelify_footerfull_widget_area’, 10 );
/**
- Displays the footer full widgets
*/
function travelify_footerfull_widget_area() {
get_sidebar( ‘footerfull’ );
}
I added the following to the Library Structure sidebar-extensions.php
add_action( ‘travelify_footerfull_widget’, ‘travelify_display_footerfull_widget’, 10 );
/**
- Show widgets on Footer of the theme.
-
- Shows all the widgets that are dragged and dropped on the Footerfull Sidebar.
*/
function travelify_display_footerfull_widget() {
if( is_active_sidebar( ‘travelify_footerfull_widget’ ) ) {
?>
<div class=“widget-wrap”>
<div class=“container”>
<div class=“widget-area clearfix”>
<?php
// Calling the footerfull sidebar if it exists.
if ( !function_exists( ‘dynamic_sidebar’ ) || !dynamic_sidebar( ‘travelify_footerfull_widget’ ) ):
endif;
?>
</div><!-- .widget-area →
</div><!-- .container →
</div><!-- .widget-wrap →
<?php
}
}
I did all of the above using a child theme. But I cannot see my new widget in the customize or widget screen in Wordpress. I am trying to figure out what I am missing.
Why doesn’t the newly created widget show up in wordpress custoomizer widget?
Any ideas would be most appreciated.
Thanks again for the great theme. I believe it has so much potential.
Thank you for your efforts