Lewe Bootstrap Visuals for WordPress
  • Introduction
  • Installation
  • Shortcodes
    • Alert
    • Badge
    • Blockquote
    • Button
    • Button Group
    • Callout
    • Card
    • Jumbotron
    • Panel
    • Progress Bar
    • Spinner
  • Color Styles
  • Table
Powered by GitBook
On this page
  • Examples
  • Format
  • Parameters

Was this helpful?

  1. Shortcodes

Button

PreviousBlockquoteNextButton Group

Last updated 2 years ago

Was this helpful?

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

Examples

[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]

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