TRW Footer

functions.php

<?php
//* Customise footer
remove_action( 'genesis_footer', 'genesis_do_footer', 10 );
add_action( 'genesis_footer', 'trw_do_footer', 8 );
function trw_do_footer() { ?>
    <div class="footer-credits">
        <div class="row copyright">
            <div class="col-xs-12 col-md-6 center-xs text-xs-center start-md text-ms-left">
                <p>&copy; <? echo date( 'Y' ); ?> The Recovering Workaholic, All Rights Reserved.</p>
            </div>
            <div class="col-xs-12 col-md-6 center-xs text-xs-center end-md text-md-right">
                <p>Website by <a class="chillybin" target="_blank" href="https://www.chillybin.com.sg" rel="nofollow"><span class="screen-reader-text">WordPress Blog Design</span></a>
            </div>
        </div>
    </div>
<? }

style.css

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	color: #aaa;
	font-size: 9px;
	letter-spacing: 2px;
	padding: 27px 0;
	text-align: center;
	text-transform: uppercase;
}

.site-footer a {
	color: #aaa;
	text-decoration: none;
}

.site-footer p {
	margin: 0;
	line-height: 2;
}

.site-footer .chillybin {
	display: inline-block;
	width: 32px;
	height: 32px;
	filter: grayscale(100%);
	background-image: url('../images/cb.svg');
	background-size: 32px 32px;
	background-repeat: no-repeat;
	vertical-align: middle;
	zoom: 1;
}

.site-footer .chillybin:hover {
	filter: grayscale(0%);
}