HOME
FEATURES
PAGES
SHOP
CONTACT
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
DEMOS
Home Example 2
Home Example 3
List of Features
Shortcodes
Header Examples
Column Layouts
One Fourth 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[one_fourth] Your content here… [/one_fourth]] [/code] One Fourth 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[one_fourth] Your content here… [/one_fourth]] [/code] One Fourth 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium. [code language=”php” gutter=”false” tabsize=”4″…
Content Block
Images
Buttons
Message Box Styles
Pullquote and Blockquote styles
Pullquote & Blockquote styles: [pullquote style=”left”]This is a left pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.[/pullquote] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor id, gravida eget orci. In molestie feugiat nunc ac lobortis. Ut non nisi dolor, ac ultricies lorem. Vestibulum non lectus in arcu gravida malesuada. Curabitur sed sollicitudin mi. Aenean sit amet tortor ac arcu gravida rutrum eget ac dui. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Nam nisi arcu, tincidunt sodales porta vel, ornare ac magna. Morbi in metus a felis accumsan interdum. Aliquam eros est, suscipit sit amet iaculis non, sagittis in lorem. Fusce bibendum sagittis sem, sit amet scelerisque tortor pharetra eu. Nullam facilisis ante vulputate metus accumsan lobortis. [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”][[pullquote style=”left”]Your quote text goes here…[/pullquote]][/code] [custom_list style=”list-4″] Note: Another attribute besides style=”left” is quote=”light” which is optional and switches the color of the quote graphic to light color for use against darker backgrounds, if not…
Content Toggle, Tabs and Accordion
Content Toggle: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. [toggle_content title=”Click me to toggle content…”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. [/toggle_content] [toggle_content title=”Click me to toggle content…”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. [/toggle_content] [toggle_content title=”Click me to toggle content…”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et…
List styles and Dropcaps
[one_third] List styles: To use the list styles below create an unordered list and apply a class to it with any of the following names: To apply this list style use: “list-1″ To apply this list style use: “list-2″ To apply this list style use: “list-3″ To apply this list style use: “list-4″ To apply this list style use: “list-5″ To apply this list style use: “list-6″ To apply this list style use: “list-7″ To apply this list style use: “list-8″ To apply this list style use: “list-9″ To apply this list style use: “list-10″ To apply this list style use: “list-11″ [/one_third] [one_third_last] Example Use: [custom_list style=”list-1″] your list item your list item your list item [/custom_list] [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[custom_list style=”list-1″] your list item your list item your list item [/custom_list]] [/code] OR for equivalent non-shortcode version apply the “list-1″ class as shown here [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] your list item your list item your list item [/code] [/one_third_last] [divider_top] Dropcaps: [dropcap]A[/dropcap]occdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can…
Tables
Tables: Header 1 Header 2 Header 3 Header 4 Item 1 Description Subtotal: $0.00 Item 2 Description Discount: $0.00 Item 3 Description Shipping: $0.00 Item 4 Description Tax: $0.00 Item 1: Description TOTAL: $0.00 *Table Footer here… To use this table style just apply the following shortcode: [toggle_content title=”Click here to see the code for the table above…”] [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[custom_table] Header 1 Header 2 Header 3 Header 4 Item 1 Description Subtotal: $0.00 Item 2 Description Discount: $0.00 Item 3 Description Shipping: $0.00 Item 4 Description Tax: $0.00 Item 1: Description TOTAL: $0.00 *Table Footer here… [/custom_table]][/code] [/toggle_content] OR for equivalent non-shortcode version apply the “custom-table” class as shown here: [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”]…[/code] [divider_top]
Recent Posts
“U-Design: Recent Posts” widget shortcode: This is the shortcode you could use to be able to include the “U-Design: Recent Posts” widget anywhere in your content, pages/posts. You can either call the shortcode with default parameters by: [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[udesign_recent_posts]] [/code] or here’s an example of the shortcode with all available parameters: [udesign_recent_posts title=”Recent Posts” category_id=”9″ num_posts=”2″ post_offset=”0″ num_words_limit=”23″ show_date_author=”0″ thumb_frame_shadow=”1″ post_thumb_width=”100″ post_thumb_height=”80″] [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[udesign_recent_posts title=”Recent Posts” category_id=”9″ num_posts=”2″ post_offset=”0″ num_words_limit=”23″ show_date_author=”0″ thumb_frame_shadow=”1″ post_thumb_width=”100″ post_thumb_height=”80″]] [/code]
Dividers
Dividers: You could add a divider without or with a link to top of page, just like the ones shown below, by using the following shortcode: [code language=”php” gutter=”false” tabsize=”4″ toolbar=”true”] [[divider]] [[divider_top]] [/code] [divider] [divider_top]

Sitemap

Testimonials

I can honestly say that not only is U-Design a great theme, but the support, updates, and maintenance provided by Andon are first class. If you’re considering buying a license, take it from me. You won’t get better, more responsive service anywhere.
--ajw627

[flat_button text="READ MORE..." title="Go to comment..." url="#top" padding="8px 18px" bg_color="#2f3338" border_color="#000" border_width="1px" text_color="#FFFFFF" text_size="10px" align="left"]

Leave a comment Cancel reply