Hi,
How do I move the social icons from the left side on article view to underneath the date and author info?
Thanks in advance
article.gk-has-aside .gk-article-body {
padding-left: 0;
}
#gk-social-aside {
position: relative;
width: auto;
}
#gk-social-api > * {
display: inline-block;
min-height: 50px;
margin: 0 30px;
}
#gk-social-api > div {
width: 50px!important;
}
/**
*
* -------------------------------------------
* Override
* -------------------------------------------
*
**/
/*
*
* 16. Override
*
*
------------------------------------ */
/* 16.1. Overrided elements
==================================== */
article.gk-has-aside .gk-article-body {
padding-left: 0;
}
#gk-social-aside {
position: relative;
width: 100%;
}
#gk-social-api > * {
display: inline-block;
min-height: 50px;
margin: 0 20px;
}
article.gk-has-aside .gk-article-body {
padding-left: 0;
}
#gk-social-api > div {
width: auto!important;
}
#gk-social-api {
width: 100%;
}
<?php if(is_singular()) : ?>
<?php if($social_api_output != '' ): ?>
<aside id="gk-social-aside">
<?php echo $social_api_output; ?>
</aside>
<?php endif; ?>
<?php endif; ?>
<?php gk_post_fields(); ?>
#gk-social-aside {
text-align: left;
}