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

Beginner + developer friendly
Free Lifetime Upgrades
Fully Responsive
About Us

Making the web a prettier place one template at a time! We make beautiful, quality, responsive Drupal & web templates!

Find out more
Contact Us

019223 8092344

info@themelize.me

Sunshine House, Sunville. SUN12 8LU.

Colour Options

AppStrap comes with 11 pre-defined colour options which are shown below.

You can easily switch colours doing one of the following:

  1. via the config colourScheme option
  2. or via ./src/scss/_variables.scss defining a preset colour or by defining your own.


Cookies are NOT enabled so colour selection is not persistent.

To main homepage

To admin homepage

To intro page