Buttons

Expandable Buttons shortcode:

Large Button Example:
You can generate a button by using the following shortcode syntax (if style is not specified it defaults to dark):

Cool Button...
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][button text="Cool Button..." title="Cool Button" url="http://chinabooks.com/" align="left"][/code]

Here’s another example with longer text, ‘light’ style and ‘right’ alignment and the link opening in a new window:

Looooooooooong Button...
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][button text="Looooooooooong Button..." title="Looooooooooong Button..." style="light" url="http://chinabooks.com/" align="right" target="_blank"][/code]

Small Button Example:
You can generate a button by using the following shortcode syntax (if style is not specified it defaults to dark):

Cool Button...
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][small_button text="Cool Button..." title="Cool Button" url="http://chinabooks.com/" align="left"][/code]

Here’s another example of ‘light’ style and ‘right’ alignment and the link opening in a new window:

Cool Button...
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][small_button style="light" text="Cool Button..." title="Cool Button..." url="http://chinabooks.com/" align="right" target="_blank"][/code]

Round Button:
You can generate a round button by using the following shortcode syntax (if style is not specified it defaults to dark), also a target can be specified by adding target="_blank" to open the link in s a new window:

Round Button...
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][round_button text="Round Button..." style="light" title="Round Button" url="http://chinabooks.com/" align="left" target="_blank"][/code]
Custom Button:

You can pick the colors, size and alignment of your button.
To generate a custom button use the following shortcode syntax:

Custom Button Custom Button Custom Button Custom Button Custom Button Custom Button Custom Button Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][custom_button text="Custom Button" title="Custom Button" url="http://chinabooks.com/" size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"][/code]

The “size” options are: ‘small’, ‘medium’, ‘large’ and ‘x-large':

X-Large Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [custom_button text="X-Large Custom Button" title="X-Large Custom Button" url="http://chinabooks.com/" size="x-large" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"] [/code]
Large Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [custom_button text="Large Custom Button" title="Large Custom Button" url="http://chinabooks.com/" size="large" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"] [/code]
Medium Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [custom_button text="Medium Custom Button" title="Medium Custom Button" url="http://chinabooks.com/" size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"] [/code]
Small Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [custom_button text="Small Custom Button" title="Small Custom Button" url="http://chinabooks.com/" size="small" bg_color="#FF5C00" text_color="#FFFFFF" align="left" target="_self"] [/code]

Right alignment:

Large Custom Button
[code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [custom_button text="Large Custom Button" title="Large Custom Button" url="http://chinabooks.com/" size="large" bg_color="#FF5C00" text_color="#FFFFFF" align="right" target="_self"] [/code]

Address

360 Swift Avenue #48
South San Francisco, CA 94080
Phone: (1800) 818-2017
Fax: (650) 872-7808
Website: http://chinabooks.com
Email: info@chinabooks.com

Location

Office Hours

Mon. thru Fri. 9AM - 5:30PM
(Pacific Standard Time)