Skip to content

Instantly share code, notes, and snippets.

Last active December 11, 2015 21:58
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;
<div id="gia-header">
<div id="social-tools-container">
<!--this is where your social buttons will show up-->
<div id="gia-standin">
<!--this is where your headline and chatter will show up-->
<script type="text/javascript">
(function($) {
var moveSocial = function() {
var $contentActions = $('#content-actions');
$('.google-plus', $contentActions).remove();
$('.linked-in', $contentActions).remove();
var moveHeaders = function() {
var $mainArticleInfo = $('#main-article-info');
$('#gia-standin').append($('h1', $mainArticleInfo)).append($('p', $mainArticleInfo));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment