Blogetti

Customizer

Customizer is a WYSIWYG theme settings interface. You can setup typography, navigation, widgets positioning, background images and colors settings here. Our theme installation will provide you with a wider range of settings, such as social networks configuration, page layouts setting, sidebars, block setting and much more. The main advantage is that you can see the result immediately, and you can change it in no time flat without having to work with the files or code.

General Site settings

You can configure general site settings

Site title & Tagline

Site title

Your website title goes here.
Tagline

This a short statement similar to a subtitle or advertising slogan

Logo & Favicon

Upload a logo

You can choose a logo image from the media library in the next option
Upload a favicon

You can choose a favicon image from the media library in the next option
Enable / Disable page preloader

Enable / Disable page preloader before page appears

Breadcrumbs

Enable / Disable page title in breadcrumbs area
Enable / Disable breadcrumbs
Show full / Minified breadcrumbs path

Social links

Show social links in header
Show social links in footer
Add social sharing to blog posts
Add social sharing to single blog post

RSS Feed link
Facebook URL
Twitter URL
Google+ URL
Instagram URL
LinkedIn URL
Dribbble URL
Youtube URL

Page layout settings

Layout type

Boxed

Boxed layout will have fixed width and left/right indents
Full Width

Wide layout will fit window width.

Container width (px)

The width of main website container in pixels.

Sidebar width

The width ratio of the sidebar and main template container, can take two values: 1/3 or 1/4

Color Scheme

Here you can set up site color scheme.

Regular scheme

Accent color (1)

First version of the main theme color
Accent color (2)

Second version of the main theme color
Accent color (3)

Third version of the main theme color
Text color

Color of the text
Link color

Color of the links
Link hover color

Color of the links on hover
H1 color

Color of the H1 title
H2 color

Color of the H2 title
H3 color

Color of the H3 title
H4 color

Color of the H4 title
H5 color

Color of the H5 title
H6 color

Color of the H6 title

Invert scheme

Accent color (1)

The first version of the main inverted theme color
Accent color (2)

The second version of the main inverted theme color
Accent color (3)

The third version of the main inverted theme color
Text color

Inverted text color
Link color

Inverted color of the links
Link hover color

Inverted color of the links on hover
H1 color

Inverted color of the H1 title
H2 color

Inverted color of the H2 title
H3 color

Inverted color of the H3 title
H4 color

Inverted color of the H4 title
H5 color

Inverted color of the H5 title
H6 color

Inverted color of the H6 title

Typography

Here you can configure headers and text typography

Typography

Google Api

Here you can input Google API Key
Breadcrumbs typography

Main website text typography options.
Body text

Main website text typography options.
H1 Heading

H1 heading font settings.
H2 Heading

H2 heading font settings.
H3 Heading

H3 heading font settings.
H4 Heading

H4 heading font settings.
H5 Heading

H3 heading font settings.
H6 Heading

H4 heading font settings.

Font Family

This property specifies the font for an element

Font Style

This property specifies the font style for a text.

Font Weight

This property sets how thick or thin characters in text should be displayed.

Font Size, px

This property sets the size of a font.

Line Height

This property specifies the line height.

Letter Spacing, px

This property increases or decreases the space between characters in a text.

Character Set

This property specifies the character set for an element

Text Align

This property specifies the horizontal alignment of text in an element.

Header

You can set header items here

Header Styles

Background Color

Here you can define site header background color
Background Image

Here you can define site header background image
Background Repeat

This property sets if a background image will be repeated, or not. By default, a background-image is repeated both vertically and horizontally
Background Position

This property sets the starting position of a background image. By default, a background-image is placed at the top-left corner
Background Attachment

This property sets whether a background image is fixed or scrolls with the rest of the page. By default, a background attachment is scroll
Enable search

Enable/disable search
Disclaimer Text

Here you can define header top panel text content

Top Panel

You can set header top panel here.

Disclaimer Text

Here you can define header top panel text content
Background color

Here you can define header top panel background color

Main Menu

You can configure main navigation menu here.

Enable title attributes

Show / Hide search form in header top panel

Menu Locations

Your theme supports 4 menus. Select which menu appears in each location. You can also place menus in widget areas with the Custom Menu widget.

Locations list

Footer Menu

Select navigation menu, that will be displayed in the footer area
Main Menu

Select primary navigation menu
Top Menu

Select navigation menu, that will be displayed in site header

Sidebar settings

Here you can configure the template sidebars.

Add widget area

Here you can add a new sidebar
Show / Hide on left side

Sidebar will be displayed or not on the left side
Show / Hide on right side

Sidebar will be displayed or not on the right side

Footer

Settings for the website footer section

Footer Styles

Logo upload

Select your main footer logo to be an image. You must choose a logo image from the media library in the next option
Copyright text

Set custom copyright text for your Footer area
Widget Area Columns

Here you can set a number of columns for site widgets, 1 to 4
Layout

Here you can define the footer layout type
Footer Widgets Area color

Here you can define the Widget Area background color
Footer Background color

Here you can define the Footer Area background color

Blog Settings

You can set your blog settings here

Layout

Select the grid layout pattern for pages with custom blog layout
Featured Post Label

This setting specifies the featured Post Label
Post content

Select how you want to display the post content in blog listing
Featured Image

Set dimensions for post featured images
Read More button text

This setting specifies the "Read More" button label text
Show post author

Show / Hide post author
Show publish date

Show / Hide publish date
Show categories

Show / Hide categories
Show tags

Show / Hide tags
Show comments

Show / Hide tags

Widgets

You can configure widgets and their positions here. Main theme functionality is focused in widgets. Each template has a specific set of Widget Areas

Widget creating

In order to add a widget to template page you should first decide where will it be displayed on the website by selecting one of the Widgets Areas available. Next press the "+ Add a Widget" button on the list of widgets that appears. After doing this you can define the order of widgets appearance by pressing "Reorder" button.

Registered widgets areas

Full width widget area
Before content widget areay
Content widget area
After content widget area
After content full widget area
Right sidebar
Footer First Column
Footer Second Column
Footer Third Column

More info about widgets available here.

Static Front Page

Your theme supports a static front page.

Front page displays

Your latest post

Front page shows a list of site posts that were recently added
A static page

This setting allows to choose site main and blog pages among the list of the available ones

Misc

Miscellaneous settings

Header Styles

Post content on blog page

This property defines length of post content on blog page
Featured image on blog page

This property specifies enable / disable featured in blog posts listing depending on post type.