fbpx

Buttons

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [rule type=”empty”]

Button’s Color Combinations

[button width=”21.7%” marginright=”4.4%” align=”left” bgcolor=””] [button width=”21.7%” marginright=”4.4%” align=”left” bgcolor=”#3AB60E”] [button width=”21.7%” marginright=”4.4%” align=”left” bgcolor=”#F12A59″] [button width=”21.7%” marginright=”0%” align=”left” bgcolor=”#00A6D6″] [rule type=”clear”] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum Dolor Amet Consectetur” bgcolor=”#E5EAED” titlecolor=”#00A5A7″ textcolor=”#888888″] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum Dolor Amet Consectetur” bgcolor=”#D9E7DD” titlecolor=”#558100″ textcolor=”#7D9092″] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum Dolor Amet Consectetur” bgcolor=”#D7CFBC” titlecolor=”#875440″ textcolor=”#ffffff”] [button width=”21.7%” marginright=”0%” align=”left” description=”Lorem Ipsum Dolor Amet Consectetur” bgcolor=”#DFE2BC” titlecolor=”#9B2B92″ textcolor=”#8B8567″] [rule type=”clear”] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum” bgcolor=”#FFDD8E” titlecolor=”#FF5400″ textcolor=”#AB7B4C”] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum” bgcolor=”#8CC000″ titlecolor=”#FFFC00″ textcolor=”#ffffff”] [button width=”21.7%” marginright=”4.4%” align=”left” description=”Lorem Ipsum” bgcolor=”#91D4D7″ titlecolor=”#435F60″ textcolor=”#128B90″] [button width=”21.7%” marginright=”0%” align=”left” description=”Lorem Ipsum” bgcolor=”#EB9DD3″ titlecolor=”#ffffff” textcolor=”#A6376E”] [rule type=”clear”] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [rule type=”basic”]

Button’s Layouts with Icons

[button width=”25%” marginright=”0%” description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/bag-white.png” iconalign=”top” textalign=”center” align=”left”] [button width=”25%” marginleft=”0%” description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/support-white.png” iconalign=”bottom” textalign=”center” align=”right”] [button width=”41.2%” title=”AIT Themes Button” description=”Lorem Ipsum Dolor Sit Amet Consectetur” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/check-white.png” iconalign=”left” textalign=”left” align=”center”] [button width=”41.2%” title=”AIT Themes Button” description=”Lorem Ipsum Dolor Sit Amet Consectetur” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/star-white.png” iconalign=”right” textalign=”left” align=”center”] [rule type=”clear”] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. [rule type=”basic”]

Button’s Alignment

[button width=”80px” title=”” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/lists-white.png” align=”left” bgcolor=”#00A6D6″] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia. [rule type=”clear”] [button width=”80px” title=”” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/lists-white.png” align=”right” bgcolor=”#F12A59″] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia. [rule type=”clear”] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[button width=”41.2%” title=”AIT Themes Button” description=”Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod…” iconurl=”https://www.laspiaggettaclub.it/wp-content/uploads/lists-white.png” iconalign=”left” textalign=”left” align=”center” bgcolor=”#8CC000″ textcolor=”#FFFC00″] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [rule type=”top”]

List of the Button’s Settings

Settings Default Value Unit / Available Options Settings Description
title AIT Themes text main title of the button
titlecolor colorpicker color of main title
description text description text of the button
textcolor colorpicker color of description text
textalign center center, left, right text alignment in the button
width 180px px, % button’s width
url http://www.ait-themes.com link button’s link
bgcolor colorpicker button’s color
align none none, left, right, center button’s alignment
iconurl url link to image of the icon
iconalign left left, right, top, bottom position of the icon in the button
margintop px, % margin above the button
marginleft px, % left margin of the button
marginright px, % right margin of the button
marginbottom px, % margin under the button
Loading