4 Widget Footer Problem

I had a 4 widget footer running but it got messed up when I updated my theme. If anyone can help me out I can’t seem to get it to work anymore.

Here’s the site https://www.feeding5kdublin.org/

The theme defaults to 3 widgets, so the update destroyed my changing it to 4.

I changed the functions.php:

// Register Footer Bars
	register_sidebar(array('name' => 'Footer Left','id' => 'sidebar-footer-left'));
	register_sidebar(array('name' => 'Footer Center Left','id' => 'sidebar-footer-center-left'));
    register_sidebar(array('name' => 'Footer Center Right','id' => 'sidebar-footer-center-right'));
	register_sidebar(array('name' => 'Footer Right','id' => 'sidebar-footer-right'));
}
endif;

The footer.php:

<div class="clear"></div>
	</div>
		<?php if(is_active_sidebar('sidebar-footer-left') or is_active_sidebar('sidebar-footer-center-left') or is_active_sidebar('sidebar-center-right')or is_active_sidebar('sidebar-footer-right')) : ?>
		<div id="bottombar">
			<ul id="bottombar_left">
				<?php dynamic_sidebar('sidebar-footer-left'); ?>
			</ul>
			<ul id="bottombar_center Left">
				<?php dynamic_sidebar('sidebar-footer-center-left'); ?>
			</ul>
            <ul id="bottombar_center Right">
				<?php dynamic_sidebar('sidebar-footer-center-right'); ?>
			</ul>
            <ul id="bottombar_right">
				<?php dynamic_sidebar('sidebar-footer-right'); ?>
			</ul>
			<div class="clear"></div>
		</div>
		<?php endif; ?>

And the style.css:

/*============================ BOTTOM BAR ============================*/
#bottombar_left {
	float: left;
	width: 200px;
	margin-left: 0px;
}
#bottombar_center_left{
	width: 200px;
    float: left;
	margin-left: 0px;
	margin-right: 0px;
}#bottombar_center_right{
	width: 200px;
    float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#bottombar_right {
	float: left;
	margin-right: 0px;
	width: 200px;
}
#bottombar {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #ddd;
}
#bottombar .widgettitle {
	color: #c41010;
	font-size: 1.3em;
	padding: 5px 0;
	font-weight: bold;
	font-family: calibri, helvetica, Tahoma, Verdana;
}
#bottombar ul li {
	margin-bottom: 20px;
}
#bottombar ul li ul, #bottombar ul li div{
	margin-bottom: 5px;
	padding: 10px;
	background: #c41010;
	color: #fff;
}
#bottombar ul li div ul, #bottombar ul li div ul li {
	border: none;
	margin: 0;
	padding: 0;
}
#bottombar ul li ul {
	list-style: square inside;
	color: #bbb;
}
#bottombar a, #bottombar ul {
	font-size: 1.0em;
}
#bottombar a:link, #bottombar a:visited  {
	color:#fff;
	text-decoration: none;
}
#bottombar a:hover, #bottombar a:active {
	color:#eee;
	text-decoration: underline;
}
#bottombar ul ul li {
	margin: 5px 10px;
	padding: 0;
	border: 0;
}
#bottombar ul ul ul {
	border: none;
	padding: 0;
}
#bottombar .children {
	margin-top: 10px;
	margin-left: 10px;
	background: none;
}

It should be a single green bar with 4 images linked to external sites, but they won’t stay on the bar anymore after the update, any ideas?

Theme is zeebusiness