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.