Get 50% Off On Purchase Of Femme Flora For Next 48hrs
  • Page Layouts
    • Full Width Content
    • Content/Sidebar
    • Sidebar/Content
    • Content/Sidebar/Sidebar
    • Sidebar/Content/Sidebar
    • Sidebar/Sidebar/Content
  • Page Templates
    • Archive Page
    • Blog Template
    • Column Classes
  • Femme Attractions
    • Button Shortcodes
    • Testimonial Styles
    • Blockquote Styles
    • Beautiful Content Boxes
    • Custom List Styles
    • Collapsible Content
  • Buy Now

Femme Flora!

Beautiful Feminine WordPress Theme

  • Home
  • About
    • Theme Features
      • Image Alignment
      • Image Gallery
  • Shop
  • Fashion
  • Typography
  • Contact

Button Shortcodes

Femme Flora features the following three button shortcodes to help you create call-to-action buttons in no time.

  • Simple Button: [button][/button]
  • Big Button: [big-button][/big-button]
  • White Button: [white-button][/white-button]

Simple Button: [button][/button]

This is enclosing shortcode which helps you in creating a simple call-to-action button. Here is a list of attributes for this shortcode:

  • id: Adds specific id attribute to the button.
  • class: Adds specific class attribute to the button.
  • link: Adds href attribute to the button.
  • color: Specify one of the predefined colors from this list: femme-blue, femme-green, femme-pink, femme-yellow, femme-red.
  • type: Specify one of the types: transparent or fill.
  • icon: Specify any icon from FontAwesome icons.
  • round: Adds border-radius, specify yes if you want, defaults to no.
  • newwindow: Specify yes if you want to open the button link in new window. Defaults to no.

Usage:

[button id="my-id" class="my-class" link="#" color="femme-blue" type="transparent" icon="fa-cogs" round="yes" newwindow="yes"]Femme Flora[/button]

Output:
Femme Flora

Examples:

Simple Buttons

Style One

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Two

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Three

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Four

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Iconified Buttons

Style One

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Two

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Three

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Style Four

Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora Get Femme Flora

Big Button: [big-button][/big-button]

This is enclosing shortcode which helps you in creating a simple call-to-action button. Here is a list of attributes for this shortcode:

  • id: Adds specific id attribute to the button.
  • class: Adds specific class attribute to the button.
  • link: Adds href attribute to the button.
  • color: Specify one of the predefined colors from this list: femme-blue, femme-green, femme-pink, femme-yellow, femme-red.
  • type: Specify one of the types: transparent or fill.
  • icon: Specify any icon from FontAwesome icons.
  • newwindow: Specify yes if you want to open the button link in new window. Defaults to no.

Usage:

[big-button id="my-id" class="my-class" link="#" color="femme-blue" type="transparent" icon="fa-cogs" newwindow="yes"]Get Femme Flora[/big-button]

Output:

Get Started with Femme Flora

Examples:

Big Buttons

Style One

Request Quote Request Quote Request Quote Request Quote Request Quote

Style Two

Get Started Get Started Get Started Get Started Get Started

Style Three

Get Started Get Started Get Started Get Started Get Started

White Button: [white-button][/white-button]

This is enclosing shortcode which helps you in creating a simple call-to-action button. Here is a list of attributes for this shortcode:

  • id: Adds specific id attribute to the button.
  • class: Adds specific class attribute to the button.
  • link: Adds href attribute to the button.
  • hovercolor: Specify one of the predefined colors from this list: femme-blue, femme-green, femme-pink, femme-yellow, femme-red.
  • type: Specify one of the types: transparent or fill.
  • icon: Specify any icon from FontAwesome icons.
  • round: Adds border-radius, specify yes if you want, defaults to no.
  • newwindow: Specify yes if you want to open the button link in new window. Defaults to no.

Usage:

[white-button id="my-id" class="my-class" link="#" hovercolor="femme-pink" type="fill" icon="fa-cogs" round="yes" newwindow="yes"]Get Femme Flora[/white-button]

Output:

Get Femme Flora

Examples:

White Buttons

Style One

Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now

Style Two

Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now Buy Femme Flora Now

About Us

  • About Femme Flora
  • Theme Features

Quick Links

  • Gift Ideas
  • Interior

Categories

  • Fashion
  • Photography

Contact Us

  • Contact
  • Newsletter
  • Home
  • About Femme Flora
  • Contact

Copyright © 2025 — Femme Flora • All rights reserved. Design by ConverticaCommerce.Com