WordpressのテーマSydneyのフッターの位置変更

フッターの位置が現在左寄せになっているのをセンターに変更したいと思っています。
style.CSSにてfooterの箇所の変更をネットの情報をもとに試してみても、変更できませんでした(当方ワードプレスをはじめたばかりの初心者です)。
どのように変更すればよいか、ご教示いただけないでしょうか。
どうぞよろしくお願いします。

補足情報
WordPress 4.9.6
Sydneyバージョン: 1.45

■footer.phpは下記のようになっています。

<?php
/**
 * The template for displaying the footer.
 *
 * Contains the closing of the #content div and all content after
 *
 * @package Sydney
 */
?>
			</div>
		</div>
	</div><!-- #content -->

	<?php do_action('sydney_before_footer'); ?>

	<?php if ( is_active_sidebar( 'footer-1' ) ) : ?>
		<?php get_sidebar('footer'); ?>
	<?php endif; ?>

    <a class="go-top"><i class="fa fa-angle-up"></i></a>
		
	<footer id="colophon" class="site-footer" role="contentinfo">
		<div class="site-info container">
			<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'sydney' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'sydney' ), 'WordPress' ); ?></a>
			<span class="sep"> | </span>
			<?php printf( __( 'Theme: %2$s by %1$s.', 'sydney' ), 'aThemes', '<a href="https://athemes.com/theme/sydney" rel="designer">Sydney</a>' ); ?>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->

	<?php do_action('sydney_after_footer'); ?>

</div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>

■また、footer.phpの変更箇所だと思われる箇所は下記となります。

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
	.footer-widgets {
		padding: 95px 0;
		background-color: #252525;
	}
	.footer .copyr {
		color: #a8a8a8;
		margin-bottom: 0;
	}
	.footer-widgets .widget-title {
		text-transform: uppercase;
		color: #c5c5c5;
		line-height: normal;
		margin: 5px 0 0;
	}
	/* widget info */
	.widget-info .logo-footer {
		margin-bottom: 36px;
	}
	.widget-info p {
		margin-bottom: 24px;
	}
	.widget-info .infomation {
		list-style: none;
		margin: 0;
	}
	.widget-info .infomation li {
		position: relative;
		padding: 0 0 0 30px;
		margin-bottom: 15px;
		line-height: 24px;
	}
	.widget-info .infomation li.address:before,
	.widget-info .infomation li.phone:before,
	.widget-info .infomation li.email:before {
		position: absolute;
		left: 0;
		top: 0;
		content: "\f041";
		font-family: "FontAwesome";
		font-size: 16px;
	}
	.widget-info .infomation li.phone:before {
		content: "\f095";
	}
	.widget-info .infomation li.email:before {
		content: "\f040";
	}
	/* widget links */
	.widget-links ul {
		list-style: none;
		margin: 0;
	}
	.widget-links ul li {
		padding: 10px 0 7px;
	}
	.widget-links ul li:first-child {
		padding-top: 0;
	}
	.widget-mail-subscribe p {
		padding-bottom: 10px;
	}
	.widget-mail-subscribe .email-sub input {
		width: 205px;
		margin-bottom: 10px;
	}
/*--------------------------------------------------------------
Bottom
--------------------------------------------------------------*/
	.site-footer {
		background-color: #1c1c1c;
		line-height: 35px;
		padding: 15px 0;
	}
	.site-footer,
	.site-footer a {
		color: #666;
	}
	.site-footer .socials {
		margin: 0;
		list-style: none;
	}
	.bottom .socials li {
		display: inline-block;
		margin-left: 5px;
	}
	.site-footer .socials li a {
		display: inline-block;
		color: #666;
		font-size: 14px;
		background-color: #2e2e2e;
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
			 -o-border-radius: 50%;
				border-radius: 50%;
	}
	.site-footer .socials li:hover a {
		color: #fff;
	}

dit.

2018/06/14 06:57

teratailではコードを見やすくするためのしくみ（シンタックスハイライト）があります。質問中のコード部分をそれぞれ選択し、<code>ボタンを押すことで適用されますので今後ご留意ください。質問は編集することもできます。 https://teratail.com/help/question-tips#questionTips3-5 パソコンからの編集の場合、右側にプレビューも表示されているはずなので確認しながら編集してください。