Skip to content

Instantly share code, notes, and snippets.

@kennelliott
Last active Dec 11, 2015
Embed
What would you like to do?
hide-header code - centering and hiding certain social buttons
<style type="text/css">
#gia-header div,
#gia-header h1,
#gia-header p,
#gia-header ul,
#gia-header li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
font-family: Arial, sans-serif;
}
#article-header {
display: none;
}
#gia-header {
width: 780px;
margin: 0 auto 30px auto;
}
#gia-header .clearfix {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#gia-header #social-tools-container {
display: block;
width: 420px;
min-height: 20px;
margin: 0 auto;
padding-top: 20px;
}
#gia-header #social-tools-container ul#content-actions {
float: none;
width: 420px;
}
#gia-header #social-tools-container ul#content-actions li {
display: block;
float: left;
width: 100px;
margin: 0 20px;
}
#gia-header h1 {
margin-top: 14px;
margin-bottom: 12px;
font-family: Georgia, Times, serif;
font-size: 36px;
line-height: 1.1em;
text-align: center;
}
#gia-header p {
font-size: 15px;
font-family: Arial, sans-serif;
line-height: 1.5em;
text-align: center;
}
</style>
<div id="gia-header">
<div id="social-tools-container">
<!--this is where your social buttons will show up-->
</div>
<div id="gia-standin">
<!--this is where your headline and chatter will show up-->
</div>
</div>
<script type="text/javascript">
(function($) {
var moveSocial = function() {
var $contentActions = $('#content-actions');
$contentActions.appendTo('#social-tools-container');
$('.google-plus', $contentActions).remove();
$('.linked-in', $contentActions).remove();
}
var moveHeaders = function() {
var $mainArticleInfo = $('#main-article-info');
$('#gia-standin').append($('h1', $mainArticleInfo)).append($('p', $mainArticleInfo));
}
moveSocial();
moveHeaders();
})(jQuery);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment