Please provide valid examples of the Button shortcode usage. The documentation does not provide enough information.
My specific question is: Can the button shortcode URL parameter be given a relative path? This is a standard Drupal capability, so it should work for the button shortcode as well, but it does not appear to work.
[button type="link" size="sm" link="#"]Small Button Color[/button] [button type="link" size="sm" link="#" class="gray"]Small Button Gray[/button] [button type="link" size="sm" link="#" class="light-gray"]Small Button Light Gray[/button] [button type="link" link="#"]Button Color[/button] [button type="link" link="#" class="gray"]Button Gray[/button] [button type="link" link="#" class="light-gray"]Button Light Gray[/button] [button type="link" size="lg" link="#"]Button Big Color[/button] [button type="link" size="lg" link="#" class="gray"]Button Big Gray[/button] [button type="link" size="lg" link="#" class="light-gray"]Button Big Light Gray[/button] [button type="link" link="#" icon="fa fa-home"]Button Color Icon ›[/button] [button type="link" link="#" icon="fa fa-home" class="gray"]Button Gray ›[/button] [button type="link" link="#" icon="fa fa-home" class="line-color"]Button Line Color Icon ›[/button] [button type="link" link="#" class="line-color"]Button Line Color[/button] [button type="link" link="#" class="line"]Button Line Black[/button] [button type="link" link="#" class="line-white"]Button Line White[/button]
You can see the demo here: http://demo.themesvision.com/drupal/evolve/elements Thanks!What shortcode would I use to get the base color opposite instead of line color (highlighted in bold)?
<div id="signup-now"><a class="button line-color" href="/user/login">Join Now!</a></div>
Looked through shortcode.less in the theme files, and found line-color... but nothing for base-color-opposite....
I even tried adding it to shortcode.less like this.. no dice.
&.line-color {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid @base_color !important;
color: @base_color;
}
&.base-color-opposite {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid @base_color_opposite !important;
color: @base_color_opposite;
}