Skip to content

Instantly share code, notes, and snippets.

@surefirewebserv

surefirewebserv/simple-social-centered.css

Last active August 31, 2023 15:51
Show Gist options
  • Save surefirewebserv/5621245 to your computer and use it in GitHub Desktop.
Save surefirewebserv/5621245 to your computer and use it in GitHub Desktop.
Download ZIP
Center Simple Social Icons when doing responsive styles
Raw
simple-social-centered.css
/* Align Simple Social Icons Centered */
.simple-social-icons ul.alignright,
.simple-social-icon ul.alignleft {
text-align: center;
}
.simple-social-icons ul.alignright li,
.simple-social-icons ul.alignleft li {
display: inline-block;
float: none;
}
/* Align everything center */
.alignright,
img.alignright,
.aligncenter,
img.aligncenter,
.alignleft,
img.alignleft {
display: block;
margin: 0 auto 24px;
float:none;
}
@ScottFromPA
Copy link

Thanks man, this is going straight into my Evernote file.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment