ABOUT SHORTCODES

CuckooLove theme contains over ~80 shortcodes that allow you to add custom styles and elements to your site, create custom layouts for your posts, pages or any other theme units.
Shortcodes can be added using WordPress page/post editor toolbar. Click on the CuckooThemes icon and select the shortcode from the dropdown. Make sure not to delete or alter any inserted tags.

TYPOGRAPHY
TEXT BOX
DIVIDING LINE
COLUMNS
BUTTONS & LINKS
CUCKOOLIKE
SLIDERS
PERCENT BAR
PRICING TABLE
ICON BOX
TABLE
TABS
ACCORDION
TOGGLE
SOCIAL MEDIA
GOOGLE MAP
VIDEO
WORKS/PHOTOS
TEAM/GUESTS
TESTIMONIALS/GUESTBOOK
EVENTS

BUTTONS

Using Button shortcode you can add buttons anywhere in the site. In addition, one of three custom styles and ID can be assigned to a button. After clicking on a button with ID, the page scrolls smoothly to the target position. Buttons added in a usual way do not have such functionality.

[btn title="Button Title" url="http://www.cuckoothemes.com" buttonstyle="1"]

Parameters: title, url, color, titlecolor;
Other Parameters: width, target, left, right, bottom, withid, alt, align;
Default: title=”Button Title”, url=”http://www.cuckoothemes.com”, target=none, color=”#4F4F4F”, titlecolor=”#ffffff”, width=none, target=none, left=none, right=none, bottom=none, withid=”false”, alt=none.

Optional Parameters:
left – margin to left in pixels;
right – margin to right in pixels;
top – margin to top in pixels;
bottom – margin to bottom in pixels.

BUTTON WITH ID EXAMPLE

[btn title="CLICK TO SCROLL" alt="Click Here to Scroll" withid="true" url="#link-with-id" buttonstyle="3" right=20px bottom=20px][btn title="SCROLL HOME" alt="Click Here to Scroll" withid="true" url="#home2" buttonstyle="1" right=20px bottom=20px]

CLICK TO SCROLL
SCROLL TO TOP

LINK WITH ID

Link With ID shortcode allows adding unusual links to your content. After clicking on such a link, the page scrolls smoothly to the target position. Links added in a usual way do not have such functionality.

[urlwithid url="#enter-id-here"]Your Text[/urlwithid]

Parameters: url;
Other Parameters: color, align;
Default: url=”#enter-id-here” color=none, align=none.

[urlwithid url="#top"]<strong>CLICK HERE</strong>[/urlwithid] to Scroll to the top of this page.

Click here to Scroll to the top of this page.