Skip to content

Elements:Social Media Branding

Display links & buttons for your favourite social media sites using these social media brand classes.

Background colours

.bg-brand-facebook
.bg-brand-twitter
.bg-brand-google-plus
.bg-brand-linkedin
.bg-brand-youtube
.bg-brand-instagram
.bg-brand-pinterest
.bg-brand-flickr
.bg-brand-tumblr
.bg-brand-foursquare
.bg-brand-dribbble
.bg-brand-vine
.bg-brand-behance
.bg-brand-github
.bg-brand-skype
.bg-brand-snapchat
.bg-brand-whatsapp

Hover background colours

.bg-hover-brand-facebook
.bg-hover-brand-twitter
.bg-hover-brand-google-plus
.bg-hover-brand-linkedin
.bg-hover-brand-youtube
.bg-hover-brand-instagram
.bg-hover-brand-pinterest
.bg-hover-brand-flickr
.bg-hover-brand-tumblr
.bg-hover-brand-foursquare
.bg-hover-brand-dribbble
.bg-hover-brand-vine
.bg-hover-brand-behance
.bg-hover-brand-github
.bg-hover-brand-skype
.bg-hover-brand-snapchat
.bg-hover-brand-whatsapp

Text colours

.text-brand-facebook

.text-brand-twitter

.text-brand-google-plus

.text-brand-linkedin

.text-brand-youtube

.text-brand-instagram

.text-brand-pinterest

.text-brand-flickr

.text-brand-tumblr

.text-brand-foursquare

.text-brand-dribbble

.text-brand-vine

.text-brand-behance

.text-brand-github

.text-brand-skype

.text-brand-snapchat

.text-brand-whatsapp

Text hover colours

.text-hover-brand-facebook .text-hover-brand-twitter .text-hover-brand-google-plus .text-hover-brand-linkedin .text-hover-brand-youtube .text-hover-brand-instagram .text-hover-brand-pinterest .text-hover-brand-flickr .text-hover-brand-tumblr .text-hover-brand-foursquare .text-hover-brand-dribbble .text-hover-brand-vine .text-hover-brand-behance .text-hover-brand-github .text-hover-brand-skype .text-hover-brand-snapchat .text-hover-brand-whatsapp

Link buttons

.bg-brand-facebook .bg-brand-twitter .bg-brand-google-plus .bg-brand-linkedin .bg-brand-youtube .bg-brand-instagram .bg-brand-pinterest .bg-brand-flickr .bg-brand-tumblr .bg-brand-foursquare .bg-brand-dribbble .bg-brand-vine .bg-brand-behance .bg-brand-github .bg-brand-skype .bg-brand-snapchat .bg-brand-whatsapp

Examples

Share block

Share icons with hover colours

Awesome Features

99.9% Uptime Free Upgrades Fully Responsive Bug Free

Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage

Back to intro page