How to use

Step 1

Login to your WordPress website

howto-install-theme-1

Step 2

Go to Appearance > Themes

howto-install-theme-2

Step 3

Switch to tab “Install Themes” and type “Fruitful” in search field

howto-install-theme-3

Step 1

Got to Appearance > Theme options

howto-theme-options-1

Step 2

General settings

themeoptions

Step 3

Select layout type and other options like comments, default styles

theme-options-step3

Step 1

Go to Appearance > Theme options > General settings

step1-home

Step 2

General settings > Install home page, push “Dummy data” button

step2-home

Step 1

Go to Theme options > Header

header-step1

Step 2

Enable sticky header, choose color, upload background image.

header-step2

Step 1

Theme options > Background

howto-bg-logo-1

Step 2

Upload image from media gallery

howto-bg-logo-2

Step 3

In next tab “Logo” upload image in same way

howto-bg-logo-3

Step 1

Theme options > Header

howto-menu-colors-1

Step 2

Choose your menu position

howto-menu-colors-2

Step 1

Theme options > Logo

howto-logo-pos-1

Step 2

Choose your logo position

howto-logo-pos-2

Step 1

Theme options > Header

howto-header-bg-1

Step 2

Upload header image from media gallery

howto-header-bg-2

Step 1

Theme options > Colors

howto-colors-scheme

Step 2

Choose your colors for main menu

howto-colors-menu

Step 1

Theme options > Colors

howto-colors-scheme

Step 2

Choose your colors for general fonts

howto-colors-fonts

Step 1

Theme options > Colors

howto-colors-scheme

Step 2

Choose your colors for lines

howto-colors-lines

Step 1

Theme options > Fonts

howto-fonts-1

Step 2

Choose font-family

howto-fonts-2

Step 3

Set font size

howto-fonts-3

Step 1

Theme options > Slider

howto-slider-1

Step 2

Choose type and select the options

howto-slider-2

Step 3

Upload images via media gallery. Drag and drop for order

howto-slider-3

Step 4

Using shortcode – [fruitful_slider]. Display it in post/page

howto-slider-4

Step 1

Theme options > Social links

howto-social-links-1

Step 2

Add your url to display icon in footer

howto-social-links-2

Step 1

Theme options > Social links

howto-social-pos-1

Step 2

Choose your social media position

howto-social-pos-2

Step 1

Theme options > Footer

howto-footer-1

Step 2

Replace placeholder text with own

howto-footer-2

Step 1

Theme options > Custom css

howto-custom-css-1

Step 2

Custom css has high priority

howto-custom-css-2