Skip to content
Snippets Groups Projects
Commit 5ce1cc0c authored by lepittenger's avatar lepittenger
Browse files

Added how to style info to readme

git-svn-id: http://plugins.svn.wordpress.org/lbdesign-button-shortcode/trunk@1287344 b8457f37-d9ea-0310-8a92-e5e31aec5664
parent 3c5e1dcd
No related branches found
No related tags found
No related merge requests found
how to use:
[button link="http://something.com" color="red" size="big"]Call to Action![/button]
\ No newline at end of file
[button link="http://something.com" color="red" size="big"]Call to Action![/button]
How to style (can also be found in LBD Client Theme):
/* DEFAULT button shortcode styles */
a.button {
background: $color_buttons; /* Old browsers */
color: #fff !important;
text-decoration: none;
font-weight: bold;
padding: 15px 20px;
display: inline-block;
text-transform: uppercase;
margin-bottom: 20px;
border: 0;
}
a.button:hover,
a.button:focus {
background: $color_buttons_hover; /* Old browsers */
}
/* COLOR button styles */
a.button.orange {
background: $color_buttons_alt; /* Old browsers */
}
a.button.orange:hover,
a.button.orange:focus {
background: $color_buttons_alt_hover;
}
/* SIZE button styles */
a.button.big {
padding: 25px 20px;
font-size: 1.2em;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment