Category: Clean Cutta

How to customize portfolio global settings?

Go to Dashboard > Appearance > Customize > Portfolio then you will see following options: Portfolio layout One column Two columns Three columns Four columns Four columns masonry Project layout Full width project image Half page project image Project categories Anchor Link Asynchronously load portfolio items into the list (works only if “Project categories” is

How to customize portfolio global settings? - Read more

How to customize blog?

Go to Dashboard > Appearance > Customize > Blog then you will see following options: Date of post Disabled Enabled – standard time Enabled – human time Reading time Disabled Enabled – below title Enabled – above title Post categories Disabled Enabled – below title Enabled – above title Post author meta Disabled Enabled –

How to customize blog? - Read more

How to customize footer?

Go to Dashboard > Appearance > Customize > Footer then you will see following options: Show custom footer content (check the checkbox if you want to show custom content in the footer) Footer Content (put your custom content here) Social media icons Disabled (default) Enabled Number of columns One column Two columns Three columns Four

How to customize footer? - Read more

How to customize global sidebar settings?

Go to Dashboard > Appearance > Customize > Sidebar then you will see following options: Sidebar position on Archive Pages Right (default) Left No-sidebar Sidebar position on Blog Page Right (default) Left No-sidebar Sidebar position on Single Post Pages Right (default) Left No-sidebar Sidebar position on Pages Right (default) Left No-sidebar Sidebar position on portfolio

How to customize global sidebar settings? - Read more

How to customize breadcrumb?

Go to Dashboard > Appearance > Customize > Breadcrumb then you will see following options: Breadcrumb background pattern No pattern (default) Pattern 1 Pattern 2 Pattern 3 Pattern 4 Pattern 5 Pattern 6 Pattern 7 Pattern 8 Pattern 9 Breadcrumb background color (choose color) Disable breadcrumb (may be overwritten by post/page settings) Breadcrumb enabled (default)

How to customize breadcrumb? - Read more

How to customize social media profiles / icons?

Go to Dashboard > Appearance > Customize > Social media profiles then you will see following options: Open social links in new tabs/windows (checkbox) Social links color Main theme colors (default) Colored on mouse over Full color Social links shape Square (default) Rounded Round Social links type Boxed (default) Unboxed Outline Double Simple Vista Classic

How to customize social media profiles / icons? - Read more

How to customize buttons?

Go to Dashboard > Appearance > Customize > Buttons then you will see following options: Buttons shape Square (default) Rounded Round Buttons size Small Normal (default) Large X-large XX-large Buttons style type Boxed (default) Unboxed Outline Double Simple Vista Classic Button color (select color) Button color on hover (select color)

How to customize buttons? - Read more

How to customize header?

Go to Dashboard > Appearance > Header then you will see folowing options: Enable full width header (option to check) Enable/disable sticky header Sticky header enabled with top bar Sticky header enabled without top bar Sticky header disabled Enable sticky header only when scrolling up Sticky header enabled normally Sticky header enabled only when scrolling

How to customize header? - Read more

How to choose heading style for underlined H2 and widget titles?

Go to Dashboard > Appearance > Customize > General > Choose heading style for underlined H2 and widget titles then choose your favourite style (for example “Heading style 10”): Heading style 1 Heading style 2 Heading style 3 Heading style 4 Heading style 5 Heading style 6 Heading style 7 Heading style 8 Heading style

How to choose heading style for underlined H2 and widget titles? - Read more

Icon

Parameters: name – icon name from Font Awesome, for example: “fa-thumbs-up” size – size icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” color – color of icon, for example: “#b44a2d” background_color – color of background, for example: “#000” circled_background – make background circled, allowed values “yes” or “no” Exemplary usage: See also demo of

Icon - Read more

Stacked icons

Parameters: stack_size – size of stack, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” icon_1_name – icon name from Font Awesome, for example: “fa-circle” icon_1_color – color of icon, for example: “#b44a2d” icon_1_size – size of icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” icon_2_name – icon name from Font Awesome, for example: “fa-thumbs-up”

Stacked icons - Read more

Message

Parameters: type – style type of message, allowed values: “info”, “success”, “notice”, “error”. close – show “close” icon, allowed values: “yes” or “no”. Exemplary usage: See also demo of message shortcode. In full download package (Dummy data/shortcodes-pages/alerts.html) You can find the file with shortcodes we used to create demo page.

Message - Read more

Tooltip

Parameters: color – set color style of tooltip, allowed values: “dark”, “bright”. title – add title, for example “This is tooltip text”. Exemplary usage: See also demo of tooltip shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Tooltip - Read more

Box 2

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. title – set title, exemplary values: “My custom title”. icon_background – set background color of icon, exemplary values: “#b24d26”, “orange”, etc. Exemplary usage: See also demo of boxes. In full download package (Dummy data/shortcodes-pages/boxes.html) You can find the file with shortcodes we used to

Box 2 - Read more

Image (img)

Parameters: src – set image URL, for example “http://example.com/image.jpg”. alt – set image description, for example: “Image with John” (recommended for SEO). width – set image width, for example: “500”. height – set image height, for example: “500”. fancy_border – show fancy border, allowed values: “yes” or “no”. frame – set optional frame for image,

Image (img) - Read more

Recent posts

Parameters: number_posts – set number of visible posts, exemplary values: “2”, “3”, “4” etc.. thumbnail – show excerpt, exemplary values: “yes” or “no”. headline – show headline, exemplary values: “yes” or “no”. meta – show meta, exemplary values: “yes” or “no”. excerpt – show excerpt, exemplary values: “yes” or “no”. excerpt_words – set the length

Recent posts - Read more

Circle chart

Parameters: value – number from 0 to 100, for example: “50”. prefix – sign before number value, for example: “+”. speed – speed of animation in millisecond, for example: “1000”. size – size of circle, for example: “135”. line_size – size of line, for example: “10”. color – set color of animated element, for example:

Circle chart - Read more

Milestone

Parameters: start – start value, for example: “0”. end – end value, for example: “100”. speed – speed of animation in millisecond, for example: “1000”. prefix – sign before number value, for example: “+”. suffix – sign after number value, for exampe: “%”. color – set color of number value, exemplary values: “#f67913”, “orange”, etc..

Milestone - Read more

Space

Parameters: size – set size of space (in px), for example “100”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage:

Space - Read more

Banner

Parameters: image – set background image, for example: “http://cleancutta.com/wp-content/uploads/image-300×250.jpg”. button_text – text of button, exemplary value: “Buy now!”. button_url – URL, for example: “http://example.com/”. alt – image description, for example: “Banner image”. width – width of image, for example: “300”. height – height of image, for example: “250”. class – add a CSS class. id

Banner - Read more

Deeplink

Exemplary usage: See also demo of deeplink shortcode. In full download package (Dummy data/shortcodes-pages/deeplink.html) you can find the file with shortcodes we used to create demo page.

Deeplink - Read more

Table of contents

Parameters: title – add title, for example: “Contents”. Exemplary usage: Notes: In the content you need to add id for headlines, for example: See also demo of table of contents. In full download package (Dummy data/shortcodes-pages/table-of-contents.html) You can find the file with shortcodes we used to create demo page.

Table of contents - Read more

Show hide more

Parameters: what – allowed values: “words” or “paragraphs”. after_number – hide content after number of words or paragraphs, exemplary values: “2”, “30”, etc.. show_more_text – Add “show more” text, exemplary values: “Show more”. show_less_text – Add “show less” text, exemplary values: “Show less”. style – set style, allowed values: “link” or “button”. Exemplary usage: See

Show hide more - Read more

Pricing table

Parameters: class – add a CSS class. Exemplary usage: See also demo of pricing table. In full download package (Dummy data/shortcodes-pages/pricing.html) you can find the file with shortcodes we used to create demo page.

Pricing table - Read more

Pricing plans

Parameters: pricing_plans shortcode columns – set number of columns, exemplary values: “1”, “2”, “3”, “4”, etc.. pricing_plan shortcode title – add title, for example: “Basic”. subtitle – add subtitle, for example “Personal”. price – add price value, for example: “49” selected – select pricing plan, allowed values “yes” or “no”. button_text – add button text,

Pricing plans - Read more

Quote

Parameters: name – add name, for example: “Michael Brown”. org – add organization/company name, for example: “ThemeMotive”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of quote. In full download package (Dummy data/shortcodes-pages/quote.html) you can find the file with shortcodes

Quote - Read more

Table

Parameters: type – set style type of table, allowed valus “1” or “2”. Exemplary usage: See also demo of table shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) You can find the file with shortcodes we used to create demo page.

Table - Read more

Dropcap

Parameters: parameter – set style type of dropcap, allowed values: “1” or “2”. Exemplary usage: See also demo of dropcap shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Dropcap - Read more

Unordered list

Parameters: type – set style type of list, exemplary values: “tick”, “dash”, “custom”, “unstyled”. Exemplary usage: See also demo of unordered list. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Unordered list - Read more

Special heading

Parameters: tag – set html tag, exemplary values: “h2”, “h3”. title_style – set style of title from here, exemplary values: “1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”. id – (optional) add an unique id. Exemplary usage: See also demo of special heading. In full download package (Dummy data/shortcodes-pages/title-styles.html) you can find the

Special heading - Read more

Divider

Parameters: type – style type of divider, allowed values “1”, “2”, “3”, “4”, “5”, “6”, “7”. Exemplary usage: Notes: If you use divider type=”7″ then it’s possible to put text inside divider, example: See also demo of divider. In full download package (Dummy data/shortcodes-pages/divider.html) You can find the file with shortcodes we used to create

Divider - Read more

Circle

Parameters: link – add URL of link, for example: “http://example.com” or “#”. Exemplary usage: See also demo of circle shortcode. In full download package (Dummy data/shortcodes-pages/icons.html) you can find the file with shortcodes we used to create demo page.

Circle - Read more

Timeline

Exemplary usage: See also demo of timeline shortcode. In full download package (Dummy data/shortcodes-pages/timeline.html) you can find the file with shortcodes we used to create demo page.

Timeline - Read more

Progress bar

Parameters: text – add text, exemplary value: “My progress bar”. value – set value, for example: “50”. units – set units, for example: “%”. speed – set speed of animation, for example: “300”. type – choose style type, allowed values: “thin” or “thick”. text_color – set color of text, for example: “#fff”. bar_background_color – set

Progress bar - Read more

Counter

Parameters: type – style of design, exemplary values: “standard” or “light”. day – set day, exemplary value: “10”. month – set month, exemplary value: “10”. year – set year, exemplary value: “2018”. hour – set hour, exemplary value: “12”. minute – set minute, exemplary values: “30”. translate_day – translate word “day” (depends on your language),

Counter - Read more

Testimonial slider

Parameters: title – add title, exemplary value: “Testimonials”. delay – time between each slide, exemplary value in milliseconds: “5000”. Default: 3000. duration – speed of animation, exemplary value in milliseconds: “700”. Default: 500. auto – enable or disable autoslides, exemplary values: “0” or “1”. Notes: “0” – disable, “1” – enable. Default: disabled. Exemplary usage:

Testimonial slider - Read more

Testimonial

Parameters: name – add name, exemplary value: “Tom Sterling”. name_link – make name linked, exemplary value: “http://thememotive.com/”. org – name of organization/company, exemplary value: “ThemeMotive”. org_link – make organization name linked, exemplary value: “http://thememotive.com/”. avatar – URL of image, exemplary value: “http://cleancutta.com/wp-content/uploads/avatar3.jpg”. Exemplary usage: See also demo of testimonial shortcode. In full download package (Dummy

Testimonial - Read more

Recent projects

Parameters: title – set title, for example: “Recent projects”. number_of_columns – set number of projects/columns showing on the list, exemplary values: “2”, “3”, “4” etc.. view_anchor_text – text to translate or change “view” word, exemplare value “View project”. go_anchor_text – text to translate or change “go” word, exemplare value “Go to project page”. excerpt –

Recent projects - Read more

Recent posts in columns

Parameters: number_of_columns – set number of posts/columns showing on the list, exemplary values: “2”, “3”, “4” etc.. thumbnail – show excerpt, exemplary values: “yes” or “no”. headline – show headline, exemplary values: “yes” or “no”. meta – show meta, exemplary values: “yes” or “no”. excerpt – disable or enable excerpt, exemplary values: “yes” or “no”.

Recent posts in columns - Read more

Recent posts date exposed

Parameters: number_posts – set number of posts showing on the list, exemplary values: “3”, “4”, “5” etc.. excerpt – disable or enable excerpt, exemplary values: “yes” or “no”. excerpt_words – set the length of excerpt , exemplary value: “30”. strip_html – strip html tags from excerpt field, exemplary values: “yes” or “no”. category_name – show

Recent posts date exposed - Read more

Columns

Parameters: class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: One full [columns class=”” id=”” style=””] [one_full class=”” id=”” style=””]One full[/one_full] [/columns] One half + One half [columns] [one_half]One half[/one_half] [one_half]One half[/one_half] [/columns] One third + One third + One third [columns] [one_third]One third[/one_third]

Columns - Read more

Content box

Parameters: type – set type of content box, exemplary values: “normal”, “confirm”, “info”, “alert”, “warning”. Exemplary usage: See also demo of content box shortcodes. In full download package (Dummy data/shortcodes-pages/alerts.html) You can find the file with shortcodes we used to create demo page.

Content box - Read more

Information box

Parameters: title – add title, exemplary value: “Did you know…”. icon – icon name from Font Awesome, for example “fa-lightbulb-o”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of information box shortcode. In full download package (Dummy data/shortcodes-pages/information-box.html) You can

Information box - Read more

Box colored alternative

Parameters: title – add title, exemplary value: “My title”. icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_background – set color of background for icon, exemplary values: “#f67913”, “orange”, etc.. background_color – set color of background, exemplary values: “#f67913”, “orange”, etc.. border_color – set color of border, exemplary values: “#f67913”, “orange”, etc.. Exemplary

Box colored alternative - Read more

Box colored

Parameters: title – add title, exemplary value: “My title”. background – set color of background, exemplary values: “#f67913”, “orange”, etc.. icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon color – set color of icon, exemplary values: “#f67913”, “orange”, etc.. Exemplary usage: See also demo of boxes. In full download package (Dummy data/shortcodes-pages/boxes.html)

Box colored - Read more

Box icon left

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_size – set size of icon, exemplary values: “2”, “3”, “4” “5”. icon_color – set color of icon, exemplary values: “#f67913”, “orange”, etc.. icon_background – set background color of icon, exemplary values: “#f67913”, “orange”, etc.. Exemplary usage: See also demo of boxes. In full

Box icon left - Read more

Box default

Parameters: border_position – set position of the border, exemplary values: “top-border”, “right-border”, “bottom-border”, “left-border”, “all-borders”. border_color – set color of border, exemplary values: “#f67913”, “orange”, etc. border_width – set width of the border in px, exemplary value: “10px”, “1px”, etc.. icon – icon name from Font Awesome, for example “fa-angle-double-right”. class – add a CSS

Box default - Read more

Box

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_color – set color of icon, exemplary values: “#b24d26”, “orange”, etc. icon_background – set background color of icon, exemplary values: “#b24d26”, “orange”, etc. title – set title, exemplary value: “My custom title”. link – add optional link, exemplary value: “http://thememotive.com” Exemplary usage: See also

Box - Read more

Map

Parameters: address – put address, for example: “New York” or “40.7058316,-74.2581926” (format needs to be the same as used and rocognized on https://maps.google.com/. info – text for marker, for example: “Info text goes here”. show_info – show info, allowed values: “yes” or “no”. marker – custom marker URL, for example: “http://example.com/images/marker.png”. marker_animation – set marker

Map - Read more

Fullwidth

Parameters: padding_top – set value of padding top in px, exemplary value: “50px”. padding_right – set value of padding right in px, exemplary value: “100px”. padding_bottom – set value of padding bottom in px, exemplary value: “50px”. padding_left – set value of padding left in px, exemplary value: “100px”. background_color – set color of background,

Fullwidth - Read more

Social icons

Parameters: social_icons shortcode: type – set the shape of social links, allowed values “square”, “rounded”, “round”. shape – set type of social icons, allowed values: “boxed”, “unboxed”, “double”, “outline”, “vista”, “simple”, “classic”. social shortcode: link – set URL to social media profile, for example: “http://example.com”. title – set URL to social media profile, for example:

Social icons - Read more

Tabs

Parameters: vertical – set vertical style, allowed values “yes” or “no”. title – add title, for example: “Tab one”. Exemplary usage: See also demo of tabs. In full download package (Dummy data/shortcodes-pages/tabs.html) you can find the file with shortcodes we used to create demo page.

Tabs - Read more

Container

Parameters: class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of container shortcode. In full download package (Dummy data/shortcodes-pages/container.html) you can find the file with shortcodes we used to create demo page.

Container - Read more

Team member

Parameters: name – add name, for example “John Sterling”. position – add position, for example: “CEO”. image_url – set image URL, for example “http://example.com/image.jpg”. image_alt – set image description, for example: “Image with John” (recommended for SEO). image_width” – set image width, for example: “500”. image_height – set image height, for example: “500”. image_fancy_border –

Team member - Read more

Toggle

Parameters: title – add title of toggle , exemplary value: “Toggle one”. Exemplary usage: See also demo of toggle shortcode. In full download package (Dummy data/shortcodes-pages/accordion-toggle.html) you can find the file with shortcodes we used to create demo page.

Toggle - Read more

Accordion shortcode

Parameters: title – set title of the accordion, for example “My custom title”. Exemplary usage: See also demo of accordion shortcode. In full download package (Dummy data/shortcodes-pages/accordion.html) You can find the file with shortcodes we used to create demo page.

Accordion shortcode - Read more

Button shortcode

Parameters: color – set predefinied color or use custom class, exemplary values: “orange”, “green”, “turquoise”, “azure”, “blue”, “purple”, “pink”, “red”, “brown”, “dark-gray”, “light-gray”, “custom”. size – set size of the button, exemplary values “small”, “normal”, “large”, “x-large”, “xx-large”. shape – set shape of the button, exemplary values “square”, “round”, “rounded”. type – set style type

Button shortcode - Read more

How to install dummy data?

In order to install dummy data please follow the steps below (order of step is important): Activate theme Begin installing all necessary plugins Install all recommended and required plugins Activate all recommended and required plugins Run the Setup Wizard for WooCommerce Import demo with “One Click Demo Data” Deactivate “One Click Demo Import” plugin Notes:

How to install dummy data? - Read more

Top