Brief description
Grid image size
One of the main aspects of keeping your page neat, clean, modern, and attractive is maintaining a proper proportion of text, title, and image size.
Image Size
The faryfinit themes like all other themes bring default and adjustable image sizes. In this section we will explain what the default, appropriate and adjustable image dimensions are.
The dimensions that we will give you below work for all sections.
Header
→ Header - Subscription Img 1/2 - Image Size
The dimension of the "Header - Subscription Img 1/2" may vary because the spacing of the sections can be adjusted vertically in the "Theme Designer". We have left a suitable height size and it is left to the author if he wants to adjust the dimension.
The next dimension of the subscription background image in the section "Header - Subscription Img 1/2" is as follows:
Default: w: 768px x h: 554px
Recommended: w: 778px x h: 564px
→ One Equal columns - Image Size
The dimensions of the image in this section are left to the author who wishes to adjust the size of the image. Yes, you have a width dimension limit in the "Theme Designer" of that section.
Width Limit: w: 1600px x h: auto - Adjusting the width of the image adjusts proportionally
→ Two Equal columns - Image Size
The image dimensions of the "Two Equal columns" are as follows:
Default: w: 729px x h: auto - The height of the image is at will.
To the frame: w: 540px x h: auto - The height of the image is at will.
Recommended
Default: w: 729px x h: 540px
To the frame: w: 540px x h: 540px
You can place images with dimensions smaller than you want.
→ Three Equal columns - Image Size
The image dimensions of the "Three Equal columns" are as follows:
Default: w: 350px x h: auto - The height of the image is at will.
Recommended: w: 350px x h: 250px
You can place images with dimensions smaller than you want.
→ Four Equal columns - Image Size
The image dimensions of the "Four Equal columns" are as follows:
Default: w: 255px x h: auto - The height of the image is at will.
Recommended: w: 255px x h: 200px
You can place images with dimensions smaller than you want.
→ Sections - Background Image Size
The images that can be placed in each of the sections can be adjusted to your liking. We will give you some recommendations of what dimensions you can place.
Each of the sections contains a panel of "theme options" that helps to further customize the theme.
Example: The sections are:
◑ S0 - Section
◑ S1 - Section
◑ S2 - Section
◑ S3 - Section
◑ S4 - Section
◑ S5 - Section
◑ S6 - Section
◑ S7 - Section
◑ S8 - Section
The dimension in relation to the screen you can use the width size of your monitor or thinking about the dimensions of other screens.
The height can vary because the spacing increases vertically the more content you have, the more space you are given to separate the content from the border.
Recommended: w: 2560px x h: auto - The height of the image is at will.
To adjust that image to fit the section properly, each section contains a "theme option" panel that helps to further customize the section. To understand how these options work, go to the next page.
Theme Option: Section Options Page →