Layout Customization

Home > All Categories > Layout Customization

Layout Customization

The template offers a number of utilities and customization options to improve the look of your blog.

The powerful bootstrap flexbox grid for mobile devices to create designs of all shapes and sizes thanks to a twelve column system created. Faryfinit offers a series of flexible grids that maintain a modern and orderly design.

The "layout" interface of the faryfinit blogger template each of these columns in the template has customization options and configuration options to make personalization more flexible, we will break down which are those options that each one of the interface sections contains.

Change Background Image

Warning: "Personalize Blogger", in the "backgrounds" section, we recommend that you do not use it in this template. It will not be necessary to use it for this template.

Advanced Editor

These themes are easy to customize..

Go to "Panel" > "Layout" > "Theme Designer" > "Advanced" > and select, Any of the following sections below:


Sections and Options

The faryfinit "Layout" interface contains 9 equal sections all. These are the ones that contain all the customization options for the content that they add in each of these sections.

The names of each of the sections are shown below.

Example: The sections are:

S0 - Section

S1 - Section

S2 - Section

S3 - Section

S4 - Section

S5 - Section

S6 - Section

S7 - Section

S8 - Section

Each of the sections has its customization options anyway. We are going to break down the options that each section contains.

S1 - Sections

In the "background color", change the background color of the section.

In "Overlay Background color", change the color "Overlay", it is applied when a background image is placed in the section, this effect is created.

S1 - Section Setting

With "Vertical Padding Top", as "Vertical Padding bottom", the spacing is applied to the top and inside of the grid or box.


S1 - Col-1

Col-1 - Means it is a single column with "Full Width".

In "title font", you can change the font, by one of those that are already default in blogger, using the "Blogger Theme Designer". In addition, this area also allows you to change the "title size", "Bold" and "italic".

In "title color", you can change to whatever color is most suitable for what you want to convey.

In "text font", just like the title, you can make all the changes, and they are applied in the paragraph.

In "text color", just like the title color, you can make the same changes.

S1 - Col-1 Setting

In "width - title", you can adjust the width of the title.

In "width - text", you can adjust the width of the text or paragraph.

In "image size", you can adjust the image size.


S1 - Col-2

Col-2: means that there are two equal columns

Show how it is configured

Each of the sections is a "Row" containing "Two Equal Columns". By forming this grid of two, it allows you to place information next to each other.

The sections contain "4 rows" each, except the "first Section" which only contains "3 row" of two columns.

For the customization of each of the rows and columns, they contain an identifier so that you know which row and column you are modifying.

We will show you, what is the identification of each:

Section - this applies to each section

Row 1:

Two equal columns - Row1 Col1 Box1

Two equal columns - Row1 Col2 Box2

Row 2:

Two equal columns - Row2 Col1 Box1

Two equal columns - Row2 Col2 Box2

Row 3:

Two equal columns - Row3 Col1 Box1

Two equal columns - Row3 Col2 Box2

Row 4:

Two equal columns - Row4 Col1 Box1

Two equal columns - Row4 Col2 Box2

Each of the above rows and columns contains the following customization options.

In "title font", you can change the font, by one of those that are already default in blogger, using the "Blogger Theme Designer". In addition, this area also allows you to change the "title size", "Bold" and "italic".

In "title color", you can change to whatever color is most suitable for what you want to convey.

In "text font", just like the title, you can make all the changes, and they are applied in the paragraph.

In "text color", just like the title color, you can make the same changes.

S1 - Col-2 Setting

Each of the above rows and columns contains the following customization options.

With "Top margin" and "Bottom margin", giving a value to the "Horizontal column", an outward spacing is applied, separating it from the other sections.


S1 - Col-3

Col-3: means that there are three equal columns

Show how it is configured

Each of the sections, are "two row" containing "three equal columns". By forming this "grid of six", it allows you to place information "next to and below" each other.

the sections contain "2 rows", each except the "first Section" which contains only "1 row", of three columns.

For the customization of each of the rows and columns, they contain an identifier so that you know which row and column you are modifying.

We will show you, what is the identification of each one:

Section: this applies to each section

Row 1:

Three equal columns - Row1 Col1 Box1

Three equal columns - Row1 Col2 Box2

Three equal columns - Row1 Col3 Box3

Row 2:

Three equal columns - Row2 Col1 Box4

Three equal columns - Row2 Col2 Box5

Three equal columns - Row2 Col3 Box6

Each of the above rows and columns contains the following customization options.

In "title font", you can change the font, by one of those that are already default in blogger, using the "Blogger Theme Designer". In addition, this area also allows you to change the "title size", "Bold" and "italic".

In "title color", you can change to whatever color is most suitable for what you want to convey.

In "text font", just like the title, you can make all the changes, and they are applied in the paragraph.

In "text color", just like the title color, you can make the same changes.

In "border color", change the color of the thickness or contour that is applied.

In "box shadow color", a shadow is applied to each of the 6 grids or boxes.

In the "Background Color - Row1 Col1 Box1", since the section contains 6 grids or boxes, each contains an individual background.

S1 - Col-3 Setting

In the "border", bar, give a value to the thickness of the outline you want.

The "Border Radius", bar applies a vertex to the box that rounds the corners of each grid or box.

With "vertical padding", as "horizontal padding", spacing is applied to the inside of the grid or box

With "Top margin" and "Bottom margin", giving a value to the "Horizontal column", an outward spacing is applied, separating it from the other sections.

With the "box shadow", a shadow is applied to each of the grids or box, setting the appropriate value.

S1 - Col-4

Col-4: means that there are four equal columns

Show how it is configured

Each of the sections are "two rows", containing "four equal columns". By forming this "grid of eight", it allows you to place information "next to and below", each other.

Sections contain "2 rows", each except for the "first section", that contains only "1 row", four columns.

For the customization of each of the rows and columns, they contain an identifier so that you know which row and column you are modifying.

We will show you, what is the identification of each one:

Section: this applies to each section

Row 1:

four equal columns - Row1 Col1 Box1

four equal columns - Row1 Col2 Box2

four equal columns - Row1 Col3 Box3

four equal columns - Row1 Col4 Box4

Row 2:

four equal columns - Row2 Col1 Box5

four equal columns - Row2 Col2 Box6

four equal columns - Row2 Col3 Box7

four equal columns - Row2 Col4 Box8

Each of the above rows and columns contains the following customization options.

In "title font", you can change the font, by one of those that are already default in blogger, using the "Blogger Theme Designer". In addition, this area also allows you to change the "title size", "Bold" and "italic".

In "title color", you can change to whatever color is most suitable for what you want to convey.

In "text font", just like the title, you can make all the changes, and they are applied in the paragraph.

In "text color", just like the title color, you can make the same changes.

In "border color", change the color of the thickness or contour that is applied.

In "box shadow color", a shadow is applied to each of the 6 grids or boxes.

In the "Background Color - Row1 Col1 Box1", since the section contains 6 grids or boxes, each contains an individual background.

S1 - Col-4 Setting

In the "border", bar, give a value to the thickness of the outline you want.

The "Border Radius", bar applies a vertex to the box that rounds the corners of each grid or box.

With "vertical padding", as "horizontal padding", spacing is applied to the inside of the grid or box

With "Vertical Margin Top" and "Vertical Margin Bottom", giving a value to the "Horizontal column", an outward spacing is applied, separating it from the other sections.

With the "box shadow", a shadow is applied to each of the grids or box, setting the appropriate value.