1. Home
  2. Docs
  3. Shortcode Bootstrap Visuals Manual
  4. Button

Button

Description

For the Button you can define different styles and sizes and and link it to a URL.

Examples and Outputs

[bsv-button style="info" size="xs"]X Small[/bsv-button]
[bsv-button customtextcolor="#ffffff" custombgcolor="#000099"]Custom Blue[/bsv-button]
[bsv-button style="success" link="https://www.lewe.com" target="_blank" outline="yes" tooltip="Go to Lewe.com..."]Lewe.com[/bsv-button]
Lewe.com

Format

[bsv-button parameter="value" ...]your content here[/bsv-button]

Parameters

Parameter Description Default
style Defines the Bootstrap style. Supported values:

  • danger
  • dark
  • info
  • light
  • primary
  • secondary
  • success
  • warning
primary
size Button size other than default. Supported values:

  • xs
  • sm
  • lg
no value
link The button can link to a URL. Define it here. no value
target If a link is defined, this defines the target of the link. Supported values:

  • _blank
  • _parent
  • _self
  • _top
_self
tooltip If a link is defined, this defines the tooltip of the button. no value
outline Displays the button in outline style. Supported values:

  • no
  • yes

This does not work in combination with ‘customtextcolor’ or ‘custombgcolor’.

no
customtextcolor If you want to change the text color of the button style you can do it here by proividng the hex color code in CSS format, e.g. #99000. no value
custombgcolor If you want to change the background color of the button style you can do it here by proividng the hex color code in CSS format, e.g. #000099. no value

 

Was this article helpful to you? Yes No

Leave a Reply

Your email address will not be published. Required fields are marked *