Skip to content

Instantly share code, notes, and snippets.

@signalpoint

signalpoint/gist:a3bf06d1f8bbca5b5292

Created April 29, 2015 20:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save signalpoint/a3bf06d1f8bbca5b5292 to your computer and use it in GitHub Desktop.
Save signalpoint/a3bf06d1f8bbca5b5292 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Mobile Facebook Button
Raw
gistfile1.css
#my-button {
background-color: #4e69a2;
border-color: #435a8b #3c5488 #334c83;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#my-button:after {
background-image: url("FB-f-Logo__white_29.png"); /* get image from https://www.facebookbrand.com/ */
background-position: 0% 0%;
width: 29px;
height: 29px;
background-color: transparent !important;
box-shadow: none;
border-radius: 0em;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
margin-top: -14px;
}
@signalpoint
Copy link
Author

Add any data-icon attribute to your button to get a jQM icon to show up, then use the CSS above to override the icon.

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