As opposed the shortcodes for styling purposes, Periodic comes with specific classes to allow you the ability to further customize the look of your website. To perform any of the following, you simply highlight the text and choose the appropriate class name from the Styles drop down menu.
Right Pull Quote
You can achieve the right pull quote effect by selecting your blockquote text and choosing Right Pull Quote from the Styles drop down menu.
This is an example pull quote with a right alignment. Use this shortcode to highlight key text within a page much like in a newspaper or magazine.
Pellentesque at imperdiet leo. Morbi sit amet odio justo. Ut scelerisque sapien a tellus tempor malesuada. Ut nec urna vitae tortor dignissim iaculis id eget tellus. In hac habitasse platea dictumst. Etiam diam sapien, accumsan sed sagittis sed, faucibus id dui. Ut eget dolor vitae dui ultrices tincidunt in sit amet ipsum. Praesent eleifend massa a purus pellentesque imperdiet. Nullam id sapien id nulla convallis tempor. Fusce lobortis, lectus ac feugiat dignissim, orci risus faucibus sapien, ullamcorper pellentesque nisl mauris et velit.
Left Pull Quote
You can achieve the left pull quote effect by selecting your blockquote text and choosing Left Pull Quote from the Styles drop down menu.
This is an example pull quote with a left alignment. Use this shortcode to highlight key text within a page much like in a newspaper or magazine.
Pellentesque at imperdiet leo. Morbi sit amet odio justo. Ut scelerisque sapien a tellus tempor malesuada. Ut nec urna vitae tortor dignissim iaculis id eget tellus. In hac habitasse platea dictumst. Etiam diam sapien, accumsan sed sagittis sed, faucibus id dui. Ut eget dolor vitae dui ultrices tincidunt in sit amet ipsum. Praesent eleifend massa a purus pellentesque imperdiet. Nullam id sapien id nulla convallis tempor. Fusce lobortis, lectus ac feugiat dignissim, orci risus faucibus sapien, ullamcorper pellentesque nisl mauris et velit.
Buttons
Periodic comes with built in button styles that you can use in your post and pages for links. Simply select your link and choose the button color from the Styles drop down menu.
Blue Button
Chrome Button
Green Button
Orange Button
These buttons are all achieved using CSS3 and will only appear, as gradients with rounded corners, in browsers that support CSS3 attributes.