Layout and content
Please navigate to WordPress Admin > Appearance > Customize > Layout and Content. You can set layout of page / post / portfolio in here. You will have panels for Page, Post Single, Post Archive, Portfolio Single, Portfolio Archive, Default Posts / Blog Home and Sticky Post.
- Page
- Post Single
- Post Archive
- Default Posts / Blog Home
- Sticky Post
- Portfolio Single
- Portfolio Archive
- Product Single
- Product Archive / Shop
1. Page
We have described this in article Layouts > Page content layout. Please refer this article for the assistance.
2. Post Single
POFO will give you settings for the post detail page in this part. Sections under this panel will be as follows:
- Layouts and Container
- Post Style and Data
- Related Post
- Font and Colors
Post Single > Layouts and Container
We have described this in article Layouts > Page content layout. Please refer this article for the assistance.
Post Single > Post Style and Data
You can change the single post style and enable / disable some data from this section. Lets see each setting in deep.
Post Single > Post Style and Data > Post Style
You can select post style for single page from here.
Post Single > Post Style and Data > Featured Image
You can display / hide feature image of the post on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Date
You can display / hide publish date of the post on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Date Format
You can display date in specific format by filling up this text box. See the description provided under it for more information.
Post Single > Post Style and Data > Author
You can display / hide author of the post on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Category
You can display / hide post category on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Tags
You can display / hide post tag on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Like
You can display / hide post like on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Share
You can display / hide post share on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Author Box
You can display / hide post author box on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Author Box Button Text
You can change author box button text by filling up this text box.
Post Single > Post Style and Data > Comment
You can display / hide comments of the post on single page by selecting “On/Off” button respectively under this.
Post Single > Post Style and Data > Post Meta Text Case
You can select the text cases for you post meta details. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.
Post Single > Related Post
You will get settings regarding related posts in here. Settings for the same are as follows:
You can display / hide related posts(of same category) on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > No. of Columns
You can set the no of column to show related posts on the single post page by selecting any from the provided option.
Post Single > Related Post > Title
You can set the title of “Related Posts” section on the single post page by entering your title I the provided text box.
Post Single > Related Post > Number of Posts
You can set the no of related posts to show on the single post page by selecting any from the provided option.
Post Single > Related Post > Post Thumbnail
You can display / hide related post thumbnail by selecting “On/Off” button respectively under this.
Post Single > Related Post > Post Date
You can display / hide publish date of the related posts on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Related Post Date Format
You can display date in specific format by filling up this text box. See the description provided under it for more information.
Post Single > Related Post > Post Author
You can display / hide author of the related post on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Post Separator
You can display / hide separator between related post title and excerpt on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Post Excerpt
You can display / hide excerpt of the related post on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Post Excerpt
You can display / hide excerpt of the related post on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Excerpt Length
You can define the length of excerpt to be displayed on the related post list. You have to define the word count here.
Post Single > Related Post > Border
You can display / hide border of the related post on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Zoom Effect On Hover
You can add / remove zoom effect of related post thumbnail on hover on single page by selecting “On/Off” button respectively under this.
Post Single > Related Post > Opacity
You can change opacity of the thumbnail by selecting any from drop down under this. Click on the “Publish” button to save changes.
Post Single > Related Post > Overlay
This option will change the overlay color when hovering on thumbnail. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Related Title
This option will change the title color of this section. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Related Post Border
This option will change the border color of this section near title. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Title
This option will change the title color of the related posts. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Title Hover
This option will change the title color of the related posts on hover. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Meta
This option will change the color of the related posts’ meta data like date and author. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Meta Hover
This option will change the color of the related posts’ meta data on hover like date and author. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Content
This option will change the color of the related posts’ content. Click on “Select Color” button under this and select color from color picker.
Post Single > Related Post > Separator
This option will change the color of the separator. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors
You can change font & color of the post content, meta data and hover color from here.
Post Single > Font And Colors > Tag, Like, Social Icon
This option will change the color of the tags, like and social icon. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Tag, Like, Social Icon Hover
This option will change the color of the tags,like and social icon on hover. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Author Box Background
This option will change the color of the author box background. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Author Box Title
This option will change the color of the author box title. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Author Box Title Hover
This option will change the color of the author box title on mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Author Box Content
This option will change the color of the author box title on mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Post Meta
This option will change the color of the meta data of post like category, date and author. Click on “Select Color” button under this and select color from color picker.
Post Single > Font And Colors > Post Meta Hover
This option will change the color of the meta data of post on hover. Click on “Select Color” button under this and select color from color picker.
3. Post Archive
You will get settings for the category / tag pages of the post. Sections for the same are as follows:
- Layout and Container
- Post List Style and Data
- Title Typography and Colors
- Post Meta and Button Colors
Post Archive > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Post Archive > Post List Style and Data
You will get settings for the list style and data of the listing page in here.
Post Archive > Post List Style and Data > Post List Style
You can select listing style of the posts for category / tag page.
Post Archive > Post List Style and Data > Animation
You can select animation for the each post listed on the page from the drop down.
Post Archive > Post List Style and Data > Pagination
You can add / remove pagination on the post archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Pagination Style
You can select pagination style from the drop down provided.
Post Archive > Post List Style and Data > Post Thumbnail
You can display / hide thumbnail on the post archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Feature Image Only
You can select “on” if you want to display feature image only even if the post type is video or something else.
Post Archive > Post List Style and Data > Post Thumbnail Size
You can select thumbnail image size to be displayed on the page from drop down provided.
Post Archive > Post List Style and Data > Post Title
You can display / hide post title for each post listed by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Separator
You can display / hide separator between post listed by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Author
You can display / hide post author for each post listed by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Author Image
You can display / hide post author Image for each post listed by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Date
You can display / hide post date for each post listed by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Date Format
You can display date in specific format by filling up this text box. See the description provided under it for more information.
Post Archive > Post List Style and Data > Post Excerpt
You can display / hide excerpt of the post on archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Excerpt Length
You can define the length of excerpt to be displayed for each posts listed on the archive post page. You have to define the word count here.
Post Archive > Post List Style and Data > Post Categories
You can display / hide categories of the post listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Likes
You can display / hide likes of the post listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Post Comments
You can display / hide comments link of the post listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Read More Button
You can display / hide read more button of the post listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Post List Style and Data > Button Text
You can set read more button text of the post listed on archive page by adding text in given text box under this.
Post Archive > Title Typography And Colors
POFO provides options to change title typography and its colors for each posts of the archive page. Let’s discuss further about each setting in here.
Post Archive > Title Typography And Colors > Font Size
You can change the font size of the title of post listed on this page by entering values with followed by px(pixel) in the text box provided under it.
Post Archive > Title Typography And Colors > Line Height
You can change the line height of the title of post listed on this page by entering values with followed by px(pixel) in the text box provided under it. It will give space from the top and bottom to the element.
Post Archive > Title Typography And Colors > Letter Spacing
You can change spacing between letters of the title of post listed on this page by entering values with followed by px(pixel) in the text box provided under it.
Post Archive > Title Typography And Colors > Font Weight
You can select font weight for the title of posts on this page from the given drop down.
Post Archive > Title Typography And Colors > Italic
You can add / remove italic effect to post title listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Title Typography And Colors > Underline
You can add / remove underline effect to post title listed on archive page by selecting “On/Off” button respectively under this.
Post Archive > Title Typography And Colors > Title Color
This option will change the color of the title of posts listed on this page. Click on “Select Color” button under this and select color from color picker.
Post Archive > Title Typography And Colors > Title Hover Color
This option will change the color of the title of posts listed on this page when mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Archive > Title Typography And Colors > Auto Responsive Font Size
You can add / remove functionality of auto adjusting font size as per the device size for archive page by selecting “On/Off” button respectively under this.
Post Archive > Post Meta And Button Colors
POFO gives functionality to change colors of meta data and button for the archive pages.
Post Archive > Post Meta And Button Colors > Post Meta
This option will change the color of the meta data of posts listed on this page. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Post Meta Hover
This option will change the color of the meta data of posts listed on this page on mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Button
This option will change the color of the “read more” button for posts listed on this page. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Button Hover
This option will change the color of the “read more” button for posts on mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Button Text
This option will change the color of the “read more” button text for posts listed on this page. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Button Text Hover
This option will change the color of the “read more” button text for posts on mouse hover. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Button Border
This option will change the color of the “read more” button border for posts listed on this page. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Separator
This option will change the color of the separator between posts. Click on “Select Color” button under this and select color from color picker.
Post Archive > Post Meta And Button Colors > Separator Thickness
You can change the thickness of separator by entering values with followed by px(pixel) in the text box provided under it.
Post Archive > Post Meta And Button Colors > Post Title Text Case
You can select the text cases for your post title from the given drop down. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.
Post Archive > Post Meta And Button Colors > Post Meta Text Case
You can select the text cases for your post meta data(date, author, category) from the given drop down. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.
4. Default Posts / Blog Home
If you want to customize your default Post/Blog home page then you can do it from here. Sections provided under this are as follows.
- Layout and Container
- Post List Style and Data
- Title Typography and Colors
- Post Meta and Button Colors
Default Posts / Blog Home > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Default Posts / Blog Home > Post List Style and Data
This section will provide the settings for post listing style.
Default Posts / Blog Home > Post List Style and Data > Post List style
POFO provides an option to change the listing style of posts in default post page.
Default Posts / Blog Home > Post List Style and Data > No. of Columns
You can set the number of columns needed for listing of posts for the page from this option.
Default Posts / Blog Home > Post List Style and Data > Spacing Between Columns
You will be provided an option to set column spacing under this section. Select any from the provided option.
Default Posts / Blog Home > Post List Style and Data > Animation
You can add animation style for the posts listed on the page. Select any one from the drop down options and click on to the “Publish” button to save the changes. Now you can see the effect every time when you reload/open the page.
Default Posts / Blog Home > Post List Style and Data > Blog Title
You can feel the text box provided below this to set title of the page.
Default Posts / Blog Home > Post List Style and Data > Pagination
You can enable / disable the pagination from the provided option.
Default Posts / Blog Home > Post List Style and Data > Pagination Style
You can choose the pagination style from the provided option of number and infinite scroll.
Default Posts / Blog Home > Post List Style and Data > Post Thumbnail
You can display/hide post thumbnail on default post page by selecting “On/Off” button.
Default Posts / Blog Home > Post List Style and Data > Post Feature Image Only
You can select “on” if you want to display feature image only even if the post type is video or something else.
Default Posts / Blog Home > Post List Style and Data > Post Thumbnail Size
You can select thumbnail image size to be displayed on the default post page from drop down provided.
Default Posts / Blog Home > Post List Style and Data > Post Title
You can display / hide post title for each post listed by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Separator
You can enable/disable the separator by clicking on the “On/Off” button provided under this.
Default Posts / Blog Home > Post List Style and Data > Post Author
You can display / hide post author for each post listed by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Post Author Image
You can display / hide post author Image for each post listed by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Post Date
You can display / hide post date for each post listed by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Post Date Format
You can display date in specific format by filling up this text box. See the description provided under it for more information.
Default Posts / Blog Home > Post List Style and Data > Post Excerpt
You can display / hide excerpt of the post listed on page by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Excerpt Length
You can define the length of excerpt to be displayed of the post listed on page. You have to define the word count here.
Default Posts / Blog Home > Post List Style and Data > Post Categories
You can display / hide categories of the post listed on page by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Post Likes
You can display / hide likes of the post listed page by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Post Comments
You can display / hide comments of the post listed page by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Read More Button
You can display / hide read more button of the post listed on page by selecting “On/Off” button respectively under this.
Default Posts / Blog Home > Post List Style and Data > Button Text
You can set read more button text of the post listed on page by adding text in given text box under this.
Default Posts / Blog Home > Post List Style and Data > Hover Icon
You can show/hide “Plus” icon on mouse hover by selecting “On/Off” button under this setting.
Default Posts / Blog Home > Title Typography And Colors
Please refer to “Theme Customizer > Layouts and Content > Post Archive > Title Typography and Colors” for the assistance.
Default Posts / Blog Home > Post Meta and Button Colors
Please refer to “Theme Customizer > Layouts and Content > Post Archive > Post Meta and Button Colors” for the assistance.
5. Sticky Post
You can change the design of the sticky post on the front page from the settings provided on each section as mentioned below.
- Post List Style and Data
- Title Typography and Colors
- Post Meta and Button Colors
Sticky Post > Post List Style and Data
This section will provide the settings for post listing style.
Sticky Post > Post List Style and Data > Post Thumbnail
You can display/hide post thumbnail of sticky post on front page by selecting “On/Off” button.
Sticky Post > Post List Style and Data > Post Feature Image Only
You can select “on” if you want to display feature image only even if the post type is video or something else.
Sticky Post > Post List Style and Data > Post Thumbnail Size
You can select thumbnail image size of the sticky post to be displayed on the front post page from drop down provided.
Sticky Post > Post List Style and Data > Post Title
You can display / hide post title of sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Author
You can display / hide post author of sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Author Image
You can display / hide post author Image of sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Date
You can display / hide post date of sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Date Format
You can display date in specific format by filling up this text box. See the description provided under it for more information.
Sticky Post > Post List Style and Data > Post Excerpt
You can display / hide excerpt of the sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Excerpt Length
You can define the length of excerpt to be displayed on the sticky post box. You have to define the word count here.
Sticky Post > Post List Style and Data > Post Categories
You can display / hide categories of the sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Likes
You can display / hide likes count of the sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Post Comments
You can display / hide comment button to add comment for the sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Read More Button
You can display / hide read more button of the sticky post on front page by selecting “On/Off” button respectively under this.
Sticky Post > Post List Style and Data > Button Text
You can set read more button text of the sticky post on front page by adding text in given text box under this.
Sticky Post > Post List Style and Data > Show Box Border
You can display/hide the border of the sticky post box on front page by selecting “On/Off” button respectively under this.
Sticky Post > Title Typography and Colors
Please refer to “Theme Customizer > Layouts and Content > Post Archive > Title Typography and Colors” for the assistance.
Sticky Post > Post Meta and Button Colors
You will get settings to change the colors and sizes of the meta data of the sticky post.
Sticky Post > Post Meta and Button Colors > Box Background
This option will change the color of the sticky post box background. Click on “Select Color” button under this and select color from color picker.
Sticky Post > Post Meta and Button Colors > Post Meta
This option will change the color of the sticky post meta data. Click on “Select Color” button under this and select color from color picker.
Sticky Post > Post Meta and Button Colors > Post Meta Hover
This option will change the color of the sticky post meta data on mouse hover. Click on “Select Color” button under this and select color from color picker.
Sticky Post > Post Meta and Button Colors > Box Border Color
This option will change the color of the sticky post box border. Click on “Select Color” button under this and select color from color picker.
Sticky Post > Post Meta and Button Colors > Box Border Size
You can define the thickness of the border of sticky post box by entering the value inside the text box.
6. Portfolio Single
You can change design and color of the portfolio single page in here. We will provide options to do so.
- Layouts and Container
- Post Style and Data
- Related Portfolio
- Navigation
Portfolio Single > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Portfolio Single > Post Style and Data
POFO provides an option to display or hide feature image, category, date, author, comment and share on your portfolio single page.
Please refer to “Layouts > Page content layout > post Single > Post Style and Data > Feature Image/Category/Date/Date Format/Author/Comment/Share” for the assistance in understanding any setting.
Portfolio Single > Related Portfolio
You can add, remove and customize the related portfolio section in single portfolio page.
Portfolio Single > Related Portfolio > Related Portfolio
You can display / hide related portfolio posts(of same category) on single page of portfolio by selecting “On/Off” button respectively under this.
Portfolio Single > Related Portfolio > No. of Columns
You can set the no of column to show related portfolios on the single portfolio page by selecting any from the provided option.
Portfolio Single > Related Portfolio > Post Thumbnail Size
You can select thumbnail image size to be displayed on the single portfolio page from drop down provided.
Portfolio Single > Related Portfolio > Title
You can give the title for the related portfolio section by this setting.
Portfolio Single > Related Portfolio > Number of Portfolios
You can set the no of related portfolio to show on the single portfolio page by selecting any from the provided option.
Portfolio Single > Related Portfolio > Content
You can add the content under title for the related portfolio section as shown below.
Portfolio Single > Related Portfolio > Related Portfolio Box Background Color
This option will change the color of the related portfolio section. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Related Portfolio Box Title Color
This option will change the color of the related portfolio title. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Related Portfolio Box Content Color
This option will change the color of the related portfolio content. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Navigation
You will be provided settings for the navigation type, link, text and color over here.
Portfolio Single > Related Portfolio > Navigation
You can display/hide the navigation panel above footer by the provided switch.
Portfolio Single > Related Portfolio > Navigation Type
You can set navigation by latest portfolio, category vise and tag vise by selecting latest portfolio, Category or Tag respectively from the provided drop down.
Portfolio Single > Related Portfolio > Next Link Text
You can set the next link text to be displayed over next portfolio title by filling the provided text box.
Portfolio Single > Related Portfolio > Previous Link Text
You can set the next link text to be displayed over previous portfolio title by filling the provided text box.
Portfolio Single > Related Portfolio > Navigation Middle Link
You can display/hide the middle link on the navigation panel by choosing “On/Off”.
Portfolio Single > Related Portfolio > Navigation Border
You can display/hide the border on the navigation panel by choosing “On/Off”.
Portfolio Single > Related Portfolio > Navigation Background Color
This option will change the background color. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Navigation Text Color
This option will change the color of next and previous title. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Navigation Link Color
This option will change the color of next and previous Link. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Navigation Link Hover Color
This option will change the color of next and previous Link while mouse hover. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Portfolio Meta
This option will change the portfolio meta color. Click on “Select Color” button under this and select color from color picker.
Portfolio Single > Related Portfolio > Portfolio Meta Hover
This option will change the portfolio meta color while mouse hover. Click on “Select Color” button under this and select color from color picker.
7. Portfolio Archive
You can customize your portfolio category and tag page by changing the provided options in here. You will get below provided options for the same.
- Layout and Container
- Portfolio list Style and Data
- Title Typography and colors
- Subtitle Typography and colors
- Style
Portfolio Archive > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Portfolio Archive > Portfolio list Style and Data
You can design your own archive page by selecting options under different settings provided under this section.
Portfolio Archive > Portfolio list Style and Data > Portfolio List Style
You can select portfolio listing styles from the provided option under this setting.
Portfolio Archive > Portfolio list Style and Data > Column Type
You can set number of columns to list portfolio on your portfolio archive page by choosing any one from the provided.
Portfolio Archive > Portfolio list Style and Data > Spacing Between Columns
You will be provided an option to set column spacing under this section. Select any from the provided option.
Portfolio Archive > Portfolio list Style and Data > Metro Portfolio
You can enable this option to set metro grid in specific portfolio listing. It will set the mentioned portfolio in 2 columns and 2 rows.
Portfolio Archive > Portfolio list Style and Data > Metro Grid Position
This option will be displayed only if the “Metro Portfolio” option is enabled above. You have to write image index in the provided text box.
Portfolio Archive > Portfolio list Style and Data > Pagination
You can enable / disable the pagination from the provided option.
Portfolio Archive > Portfolio list Style and Data > Pagination Style
You can choose the pagination style from the provided option of number and infinite scroll.
Portfolio Archive > Portfolio list Style and Data > Thumbnail Size
You can select thumbnail image size to be displayed on the single portfolio page from drop down provided.
Portfolio Archive > Portfolio list Style and Data > Portfolio Title
You can set portfolio archive page title by entering it into the text box.
Portfolio Archive > Portfolio list Style and Data > Title
You can enable/disable the title of the portfolio listed on archive page.
Portfolio Archive > Portfolio list Style and Data > Title Text Case
You can select the text cases for your title from the given drop down. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.
Portfolio Archive > Portfolio list Style and Data > Subtitle
You can enable/disable the subtitle of the portfolio listed on archive page.
Portfolio Archive > Portfolio list Style and Data > Subtitle Text Case
You can select the text cases for your subtitle from the given drop down. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.
Portfolio Archive > Portfolio list Style and Data > Separator
You can enable/disable the separator by clicking on the “On/Off” button provided under this.
Portfolio Archive > Portfolio list Style and Data > Light Box Gallery
You can enable this option to display light box gallery of the listed portfolio images.
Portfolio Archive > Portfolio list Style and Data > Zoom Effect On Hover
You can add zoom effect on the portfolio listed on the archive page when mouse hover by enabling the provided option.
Portfolio Archive > Portfolio list Style and Data > Opacity
You can define the opacity when mouse hovering on each portfolio listed on archive page. Select the options provided in the drop down.
Portfolio Archive > Portfolio list Style and Data > CSS Animation
You can add animation style for the portfolios listed on the page. Select any one from the drop down options and click on to the “Publish” button to save the changes. Now you can see the effect every time when you reload/open the page.
Portfolio Archive > Title Typography And Colors
Please refer to “Theme Customizer > Layouts and Content > Post Archive > Title Typography and Colors” for the assistance.
Portfolio Archive > Subtitle Typography And Colors
Please refer to “Theme Customizer > Layouts and Content > Post Archive > Title Typography and Colors” for the assistance.
Portfolio Archive > Style
You will get the settings for the separator and alignment in here.
Portfolio Archive > Style > Separator Thickness
You can define separator thickness from filling up the text box provided below this setting.
Portfolio Archive > Style > Separator Color
You can define separator color from picking up the color from provided color picker under it.
Portfolio Archive > Style > Box Hover Background Color
You can set box background color on mouse hover from picking up the color from provided color picker under it.
Portfolio Archive > Style > Alignment
By enabling this button you will be able to set the alignment of portfolio list to right, left or center.
Portfolio Archive > Style > Alignment in Desktop
You can set the alignment of list in the desktop from the drop down provided under this option. This option will be shown only if you have enabled the above provided option.
Portfolio Archive > Style > Alignment in Mini Desktop
You can set the alignment of list in the mini desktop from the drop down provided under this option. This option will be shown only if you have enabled the above option “Alignment”.
Portfolio Archive > Style > Alignment in tablet
You can set the alignment of list in the tablet from the drop down provided under this option. This option will be shown only if you have enabled the above option “Alignment”.
Portfolio Archive > Style > Alignment in mobile
You can set the alignment of list in the mobile from the drop down provided under this option. This option will be shown only if you have enabled the above option “Alignment”.
Portfolio Archive > Style > Vertical Alignment
By enabling this button you will be able to set the vertical alignment of portfolio list to top, bottom or middle.
Portfolio Archive > Style > Vertical Alignment in Desktop
You can set the vertical alignment of list in the desktop from the drop down provided under this option. This option will be shown only if you have enabled the above provided option.
Portfolio Archive > Style > Vertical Alignment in Mini Desktop
You can set the vertical alignment of list in the mini desktop from the drop down provided under this option. This option will be shown only if you have enabled the above provided option.
Portfolio Archive > Style > Vertical Alignment in Tablet
You can set the vertical alignment of list in the tablet from the drop down provided under this option. This option will be shown only if you have enabled the above provided option.
Portfolio Archive > Style > Vertical Alignment in Mobile
You can set the vertical alignment of list in the mobile from the drop down provided under this option. This option will be shown only if you have enabled the above provided option.
8. Product Single
You can change the design of the Single Product page from the settings provided on each section as mentioned below.
- Layout and Container
- Product Style and Data
- Sale Typography
- Title Typography
- Rating Star Color
- Price Typography
- Short Description Typography
- Stock Typography
- Button Typography
- Product Meta Typography
- Product Tab Typography
- Related product
- Related product Heading Typography
- UP Sells Product
- UP Sells Heading Typography
- Cross Sells Product
- Cross sells Heading Typography
Product Single > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Product Single > Product Style and Data
Here you will find the settings regarding product style and it’s data on single product page.
Product Single > Product Style and Data > Title
You can display / hide the title of the product on single page by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > Short description
You can display / hide the short description of the product on single page by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > SKU
You can display / hide the SKU(stock keeping unit is a product and service identification code) of the product on single page by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > Share
You can display / hide the social share of the product on single page by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > Share Heading
You can change the share bar heading by entering the text into the provided text box under tis setting.
Product Single > Product Style and Data > Tab Content Heading
You can display / hide the tab content heading of the product on single page by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > Sale Typography
You will get the settings to set sale text on the top left corner of the product image.
Product Single > Product Style and Data > Font Size
You can set the font size of the sale text by entering the value in the text box below this setting.
Product Single > Product Style and Data > Line Height
You can set the line height of the sale text by entering the value in the text box below this setting.
Product Single > Product Style and Data > Font Weight
You can set the font weight of the sale text by selecting any option from the provided drop down menu below this setting.
Product Single > Product Style and Data > Color
You can change the color of the sale text. Click on “Select Color” button under
this and select color from color picker.
Product Single > Product Style and Data > Background Color
You can change the background color of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Style and Data > Box Border
You can display / hide the box border of the sale text by selecting “On/Off” button respectively under this setting.
Product Single > Product Style and Data > Box Border Size
You can set the size of the sale text box border by entering the value in the text box below this setting.
Product Single > Product Style and Data > Box Border Type
You can change the design of the sale text box border from the drop down provided under this setting. Options provided for types of border are Dotted, Dashed, Solid and Double.
Product Single > Product Style and Data > Box Border Color
You can change the box border color of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Style and Data > Box Border Radius
You can change the box border radius of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Single > Title Typography
You will get the settings to set title of the product on the single product page.
Product Single > Title Typography > Font Size
You can set the font size of the product title text by entering the value in the text box below this setting.
Product Single > Title Typography > Line Height
You can set the line height of the product title text by entering the value in the text box below this setting.
Product Single > Title Typography > Letter Spacing
You can change spacing between letters of the title of product by entering values followed by px(pixel) in the text box provided under it.
Product Single > Title Typography > Font Weight
You can set the font weight of the product title text by selecting any option from the provided drop down menu below this setting.
Product Single > Title Typography > Font Italic
You can enable / disable the italic style for product title on single product by selecting “On/Off” button respectively under this setting.
Product Single > Title Typography > Font Underline
You can enable / disable the font underline for product title on single product by selecting “On/Off” button respectively under this setting.
Product Single > Title Typography > Color
You can change the color of the product title text. Click on “Select Color” button under this setting and select color from color picker.
Product Single > Review Star Color
You can change the color of the rating stars provided under the reviews tab from this setting. Click on “Select Color” button under this setting and select color from color picker.
Product Single > Price Typography
You will get the settings to set price text of the product on the single product page.
Product Single > Price Typography > Font Size
You can set the font size of the price text by entering the value in the text box below this setting.
Product Single > Price Typography > Line Height
You can set the line height of the price text by entering the value in the text box below this setting.
Product Single > Price Typography > Font Weight
You can set the font weight of the price text by selecting any option from the provided drop down menu below this setting.
Product Single > Price Typography > Color
You can change the color of the selling price text. Click on “Select Color” button under this and select color from color picker.
Product Single > Price Typography > Main Price Color
You can change the color of the main price(before discount) text. Click on “Select Color” button under this and select color from color picker.
Product Single > Short Description Typography
You will get the settings to customize short description text of the product on the single product page.
Product Single > Short Description Typography > Font Size
You can set the font size of the short description text by entering the value in the text box below this setting.
Product Single > Short Description Typography > Line Height
You can set the line height of the short description text by entering the value in the text box below this setting.
Product Single > Short Description Typography > Letter Spacing
You can change spacing between letters of the short description by entering values followed by px(pixel) in the text box provided under it.
Product Single > Short Description Typography > Font Weight
You can set the font weight of the short description text by selecting any option from the provided drop down menu below this setting.
Product Single > Short Description Typography > Color
You can change the color of the short description text. Click on “Select Color” button under this and select color from color picker.
Product Single > Stock Typography
You can set the in stock / out of stock text style from this setting.
Product Single > Stock Typography > Font Size
You can set the font size of the In Stock / Out Of Stock text by entering the value in the text box below this setting.
Product Single > Stock Typography > Line Height
You can set the line height of the In Stock / Out Of Stock text by entering the value in the text box below this setting.
Product Single > Stock Typography > Letter Spacing
You can change spacing between letters of the In Stock / Out Of Stock by entering values followed by px(pixel) in the text box provided under it.
Product Single > Stock Typography > Font Weight
You can set the font weight of the In Stock / Out Of Stock text by selecting any option from the provided drop down menu below this setting.
Product Single > Stock Typography > In Stock Color
You can change the color of the “In Stock” text. Click on “Select Color” button under this and select color from color picker.
Product Single > Stock Typography > Out Of Stock Color
You can change the color of the “Out Of Stock” text. Click on “Select Color” button under this and select color from color picker.
Product Single > Stock Typography > Background Color
You can change the background color of In Stock / Out Of Stock text. Click on “Select Color” button under this and select color from color picker.
Product Single > Stock Typography > Box Border
You can display / hide the box border of the In Stock / Out Of Stock text by selecting “On/Off” button respectively under this setting.
Product Single > Stock Typography > Box Border Size
You can set the size of the In Stock / Out Of Stock text box border by entering the value in the text box below this setting.
Product Single > Stock Typography > Box Border Type
You can change the design of the In Stock / Out Of Stock text box border from the drop down provided under this setting. Options provided for types of border are Dotted, Dashed, Solid and Double.
Product Single > Stock Typography > In Stock Box Border Color
You can change the color of In Stock text box border. Click on “Select Color” button under this and select color from color picker.
Product Single > Stock Typography > Out Of Stock Box Border Color
You can change the color of Out Of Stock text box border. Click on “Select Color” button under this and select color from color picker.
Product Single > Button Typography
You can alter the design of the “Add To Cart” button from settings provided in this section.
Product Single > Button Typography > Color
You can change the color of “Add To Cart” button text. Click on “Select Color” button under this and select color from color picker.
Product Single > Button Typography > Background Color
You can change the background color of “Add To Cart” button. Click on “Select Color” button under this and select color from color picker.
Product Single > Button Typography > Border Color
You can change the border color of “Add To Cart” button. Click on “Select Color” button under this and select color from color picker.
Product Single > Button Typography > Hover Color
You can change the color of “Add To Cart” button text while mouse hover event. Click on “Select Color” button under this and select color from color picker.
Product Single > Button Typography > Hover Background Color
You can change the background color of “Add To Cart” button while mouse hover event. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Meta Typography
You can alter the design of the meta data of product from settings provided in this section.
Product Single > Product Meta Typography > Font Size
You can set the font size of the In meta text by entering the value in the text box below this setting.
Product Single > Product Meta Typography > Line Height
You can set the line height of the meta text by entering the value in the text box below this setting.
Product Single > Product Meta Typography > Letter Spacing
You can change spacing between letters of the meta data by entering values followed by px(pixel) in the text box provided under it.
Product Single > Product Meta Typography > Font Weight
You can set the font weight of the meta text by selecting any option from the provided drop down menu below this setting.
Product Single > Product Meta Typography > Color
You can change the color of meta text by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Meta Typography > Link Hover Color
You can change the color of meta text link on mouse hover event by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Meta Typography > Heading Color
You can change the color of headings of meta text e.g. categories,SKU and share by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Meta Typography > Social Icon Color
You can change the color of social share icon by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Tab Typography
You can alter the design of the “Add To Cart” button from settings provided in this section.
Product Single > Product Tab Typography > Font Size
You can set the font size of the product tab text by entering the value in the text box below this setting.
Product Single > Product Tab Typography > Line Height
You can set the line height of the product tab heading text by entering the value in the text box below this setting.
Product Single > Product Tab Typography > Letter Spacing
You can change spacing between letters of the product tab heading by entering values followed by px(pixel) in the text box provided under it.
Product Single > Product Tab Typography > Font Weight
You can set the font weight of the product tab heading text by selecting any option from the provided drop down menu below this setting.
Product Single > Product Tab Typography > Color
You can change the color of product tab heading text by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Product Tab Typography > Active Color
You can change the color of active product tab heading text by this setting. Click on “Select Color” button under this and select color from color picker.
Product Single > Related Product
You can alter the design of the related product section from settings provided in this section.
Product Single > Related Product > Related Product
You can display / hide related product section on the single product page by selecting “On/Off” button respectively.
Product Single > Related Product > No. of Columns
You can select number of columns to be displayed for the product listing on related product section from the provided options under this setting.
Product Single > Related Product > No. of Products
You can set number of products to be displayed on the related product section from the options provided in the drop down menu.
Product Single > Related Product Heading Typography
You can alter the design of the related product heading from settings provided in this section.
Product Single > Related Product Heading Typography > Font Size
You can set the font size of the related product heading text by entering the value in the text box below this setting.
Product Single > Related Product Heading Typography > Line Height
You can set the line height of the related product heading text by entering the value in the text box below this setting.
Product Single > Related Product Heading Typography > Letter Spacing
You can change spacing between letters of the related product heading by entering values followed by px(pixel) in the text box provided under it.
Product Single > Related Product Heading Typography > Font Weight
You can set the font weight of the related product heading text by selecting any option from the provided drop down menu below this setting.
Product Single > Related Product Heading Typography > Font Italic
You can enable / disable the italic style for related product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > Related Product Heading Typography > Font Underline
You can enable / disable the font underline for related product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > Related Product Heading Typography > Color
You can change the color of the related product heading text. Click on “Select Color” button under this setting and select color from color picker.
Product Single > UP Sells Product
You can alter the design of the UP sells product section from settings provided in this section.
Product Single > UP Sells Product > UP Sells Product
You can display / hide UP sells product section on the single product page by selecting “On/Off” button respectively.
Product Single > UP Sells Product > No. of Columns
You can select number of columns to be displayed for the product listing on UP sells product section from the provided options under this setting.
Product Single > UP Sells Product > No. of Products
You can set number of products to be displayed on the UP sells product section from the options provided in the drop down menu.
Product Single > UP sells Heading Typography
You can alter the design of the UP sells product section heading from settings provided in this section.
Product Single > UP sells Heading Typography > Font Size
You can set the font size of the UP sells product heading text by entering the value in the text box below this setting.
Product Single > UP sells Heading Typography > Line Height
You can set the line height of the UP sells product heading text by entering the value in the text box below this setting.
Product Single > UP sells Heading Typography > Letter Spacing
You can change spacing between letters of the UP sells product heading by entering values followed by px(pixel) in the text box provided under it.
Product Single > UP sells Heading Typography > Font Weight
You can set the font weight of the UP sells product heading text by selecting any option from the provided drop down menu below this setting.
Product Single > UP sells Heading Typography > Font Italic
You can enable / disable the italic style for UP sells product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > UP sells Heading Typography > Font Underline
You can enable / disable the font underline for UP sells product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > UP sells Heading Typography > Color
You can change the color of the UP sells product heading text. Click on “Select Color” button under this setting and select color from color picker.
Product Single > Cross Sells Product
You can alter the design of the cross sells product section in cart page from settings provided in this section.
This section will be shown in cart page only.
Product Single > Cross Sells Product > Cross Sells Product On Cart
You can display / hide cross sells product section on the single product page by selecting “On/Off” button respectively.
Product Single > Cross Sells Product > No. of Columns
You can select number of columns to be displayed for the product listing on cross sells product section from the provided options under this setting.
Product Single > Cross Sells Product > No. of Products
You can set number of products to be displayed on the cross sells product section from the options provided in the drop down menu.
Product Single > Cross sells Heading Typography
You can alter the design of the cross sells product section heading from settings provided in this section.
Product Single > Cross sells Heading Typography > Font Size
You can set the font size of the cross sells product heading text by entering the value in the text box below this setting.
Product Single > Cross sells Heading Typography > Line Height
You can set the line height of the cross sells product heading text by entering the value in the text box below this setting.
Product Single > Cross sells Heading Typography > Letter Spacing
You can change spacing between letters of the cross sells product heading by entering values followed by px(pixel) in the text box provided under it.
Product Single > Cross sells Heading Typography > Font Weight
You can set the font weight of the cross sells product heading text by selecting any option from the provided drop down menu below this setting.
Product Single > Cross sells Heading Typography > Font Italic
You can enable / disable the italic style for cross sells product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > Cross sells Heading Typography > Font Underline
You can enable / disable the font underline for cross sells product heading on single product by selecting “On/Off” button respectively under this setting.
Product Single > Cross sells Heading Typography > Color
You can change the color of the cross sells product heading text. Click on “Select Color” button under this setting and select color from color picker.
9. Product Archive / Shop
You can change the design of the Product Archive page(category, tag, etc.) from the settings provided on each section as mentioned below.
- Layout and Container
- Product List Style and Data
- Sale Typography and Colors
- Title Typography and Colors
- Rating Star Color
- Price Typography and Colors
- Button Typography and Colors
Product Archive / Shop > Layouts and Container
Please refer to “Layouts > Page content layout” for the assistance.
Product Archive / Shop > Product Style and Data
Here you will find the settings regarding product listing style and it’s data on product archive page.
Product Archive / Shop > Product Style and Data > Column Type
You can set number of columns to list products on your product archive page by choosing any one from the provided options.
Product Archive / Shop > Product Style and Data > Product Per Page
You can set number of products to display in list of products on your product archive page by choosing any one from the provided options.
Product Archive / Shop > Product Style and Data > Star Ratings
You can display/hide the star rating under product title on product listing in product archive page by selecting “On/Off” button respectively.
Product Archive / Shop > Sale Typography And Colors
You will get the settings to set sale text on the top left corner of the product image on archive page.
Product Archive / Shop > Sale Typography And Colors > Font Size
You can set the font size of the sale text by entering the value in the text box below this setting.
Product Archive / Shop > Sale Typography And Colors > Line Height
You can set the line height of the sale text by entering the value in the text box below this setting.
Product Archive / Shop > Sale Typography And Colors > Font Weight
You can set the font weight of the sale text by selecting any option from the provided drop down menu below this setting.
Product Archive / Shop > Sale Typography And Colors > Color
You can change the color of the sale text. Click on “Select Color” button under
this and select color from color picker.
Product Archive / Shop > Sale Typography And Colors > Background Color
You can change the background color of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Sale Typography And Colors > Box Border
You can display / hide the box border of the sale text by selecting “On/Off” button respectively under this setting.
Product Archive / Shop > Sale Typography And Colors > Box Border Size
You can set the size of the sale text box border by entering the value in the text box below this setting.
Product Archive / Shop > Sale Typography And Colors > Box Border Type
You can change the design of the sale text box border from the drop down provided under this setting. Options provided for types of border are Dotted, Dashed, Solid and Double.
Product Archive / Shop > Sale Typography And Colors > Box Border Color
You can change the box border color of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Sale Typography And Colors > Box Border Radius
You can change the box border radius of the sale text. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Title Typography And Colors
You will get the settings to set title of each product listed on the product archive page.
Product Archive / Shop > Title Typography And Colors > Font Size
You can set the font size of each product title text listed on product archive page by entering the value in the text box below this setting.
Product Archive / Shop > Title Typography And Colors > Line Height
You can set the line height of each product title text listed on product archive page by entering the value in the text box below this setting.
Product Archive / Shop > Title Typography And Colors > Letter Spacing
You can change spacing between letters of the title of each product listed on product archive page by entering values followed by px(pixel) in the text box provided under it.
Product Archive / Shop > Title Typography And Colors > Font Weight
You can set the font weight of each product title text listed on product archive page by selecting any option from the provided drop down menu below this setting.
Product Archive / Shop > Title Typography And Colors > Font Italic
You can enable / disable the italic style for each product title text listed on product archive page by selecting “On/Off” button respectively under this setting.
Product Archive / Shop > Title Typography And Colors > Font Underline
You can enable / disable the font underline for each product title text listed on product archive page by selecting “On/Off” button respectively under this setting.
Product Archive / Shop > Title Typography And Colors > Color
You can change the color of each product title text listed on product archive page. Click on “Select Color” button under this setting and select color from color picker.
Product Archive / Shop > Title Typography And Colors > Hover Color
You can change the color of each product title text listed on product archive page while mouse hover event. Click on “Select Color” button under this setting and select color from color picker.
Product Archive / Shop > Title Typography And Colors > Rating Star Color
You can change the color of rating stars for each product listed on product archive page. Click on “Select Color” button under this setting and select color from color picker.
Product Archive / Shop > Price Typography And Colors
You will get the settings to set price text of the product on the product archive page.
Product Archive / Shop > Price Typography And Colors > Font Size
You can set the font size of the price text for each product listed by entering the value in the text box below this setting.
Product Archive / Shop > Price Typography And Colors > Line Height
You can set the line height of the price text for each product listed by entering the value in the text box below this setting.
Product Archive / Shop > Price Typography And Colors > Font Weight
You can set the font weight of the price text for each product listed by selecting any option from the provided drop down menu below this setting.
Product Archive / Shop > Price Typography And Colors > Color
You can change the color of the selling price text for each product listed. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Price Typography And Colors > Main Price Color
You can change the color of the main price(before discount) text for each product listed. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Button Typography And Colors
You can alter the design of the “Add To Cart” button on product archive page for each product listed from settings provided in this section.
Product Archive / Shop > Button Typography And Colors > Color
You can change the color of “Add To Cart” button text on each product listed on product archive page. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Button Typography And Colors > Background Color
You can change the background color of “Add To Cart” button on each product listed on product archive page. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Button Typography And Colors > Border Color
You can change the border color of “Add To Cart” button on each product listed on product archive page. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Button Typography And Colors > Hover Color
You can change the color of “Add To Cart” button text on each product listed on product archive page while mouse hover event. Click on “Select Color” button under this and select color from color picker.
Product Archive / Shop > Button Typography And Colors > Hover Background Color
You can change the background color of “Add To Cart” button on each product listed on product archive page while mouse hover event. Click on “Select Color” button under this and select color from color picker.
