Add Footer Widget Area

Shapely
1

Hi,

Love the Shapely Theme but is there anyway I can add a footer widget area, I have the copyright text in the sub footer but would like to add 4 widgets at the bottom of the webpages above the copyright notice but I cannot figure out how to do this.

The widgets are just standard Jetpack ones but cannot find where to add them to the footer?

Many thanks

Adam

2

Hi Adam,

I hope you are well today and thank you for your question.

You can add them in the Footer widget areas as shown in the attached screenshot.

Best Regards,
Movin

3

Hi,

thanks for getting back to me so quickly, I have put information into the widgets for the footer but none of them appear on the actual website.

The website is moreme.co.uk

to login

moreme.co.uk/wp-admin
username: MoreMe
password: BrendaHandbags123

I have built loads of wordpress sites before but I cannot figure out why the widget areas are not appearing.

Thanks

4

I could confirm the issue on your site which was causing due to the changes made in the theme file footer.php

I resolved the issue on your site by adding following code in the footer.php file of shapely theme.


?>

            </div><!-- row -->
		</div><!-- #main -->
	</section><!-- section -->
    
    <?php shapely_footer_callout(); ?>
    
	<footer id="colophon" class="site-footer footer bg-dark" role="contentinfo">
      <div class="container footer-inner">
        <div class="row">
          <?php get_sidebar( 'footer' ); ?>
        </div> 
        
        <div class="row">
          <div class="site-info col-sm-6">
            <div class="copyright-text"><?php _e( get_theme_mod( 'shapely_footer_copyright'), 'shapely' ); ?></div>
            <div class="footer-credits"><?php shapely_footer_info(); ?></div>
          </div><!-- .site-info -->
          <div class="col-sm-6 text-right">
            <?php if( !get_theme_mod('footer_social') ) shapely_social_icons(); ?>
          </div>
        </div>
      </div>
      
      <a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a>
    </footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>