January 14, 2015

Buttons Example

Button Examples

These "DFY" Done-For-You Website Templates come with a variety of Attention-Grabbing Buttons you can use anywhere in your content. A must-have for Sales Pages and anywhere else where you want to make that Click Extra Enticing! The buttons are all CSS-only for maximum performance and each has a hover and pressed state, for the best possible user feedback.

Try them out...Hover over any button and notice how the color changes and ​then Press the button and notice how the Button Color Changes when you press the button.

Buttons Colors

Buttons come in the following 8 colors below and hopefully you'll soon have more color options.


Button Sizes

You also have three button sizes to choose from:


More Button Options

For each button, you can also set an alignment (left, right, center) or even make the button span the full width of it’s container. That means it can look like this:


Or a Button can be contained in a column. For example, you can have three buttons in three columns that are all the same width, even if they have different button texts:

Code Example

A usual button short code looks something like this:

[thrive_link color='blue' link='#' target='_self' size='medium' align='aligncenter']Button Text[/thrive_link]

Combination Example

Of course, buttons can be combined with various other short codes to create all kinds of awesome elements. For example, here’s a "CTA" Call To Action box created by using a combination of Content Box Short Code and a Button Short Code.

Some Catchy Headline Goes Here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta orci a interdum ullamcorper donec tempus.

This is how the HTML Code looks that created the button above.

Enter HTML Code here

2nd Admin

Click Here to Leave a Comment Below

Leave a Reply: