Portfolio Builder

Elementor Addon Wordpress by xgenious

 

Plugin Installation

  1. Log-in to your WordPress site
  2. Ensure the Visual Composer plugin is activated.
  3. Navigate to the Plugins Menu > Click Add New > Click the Upload link
  4. Click Choose File > Locate the "xgel-portfolio-builder.zip" file > Click Install Now
  5. Click Activate Plugin

1. Got To The Portfolio Menu

2. Create New Portfolio Item

1. Title : Enter title .
2. Description : Enter descriptoin .
3. Client : Enter client name .
4. Company : Enter company name .
4. Start Date : Enter start date .
4. End Date : Enter end date.
4. Details Link : Enter detalis link. keep it empty if you want to use our default porftfolio detials page layout 5. Select Category : Select category .
6. Create Category : Create category .
6. Upload Portfolio Image : Upload Image.

Now Go To Elementor Page Builder Editor

1. Go To The Portfolio Category

Create Portfolio Masonry

1. General Settings

1. Theme : Select theme.
2. Column : Select column.
3. Total Post : enter how many portfolio you want in masonry. -1 for unlimitem portfolio item
4. Category : Select category. leave it blank if you want all category portfolio
5. Order : Set order.
6. Orderby : Set orderby.

2. Filter/Masonry Settings

1. Gutter : Enable/Disable Gutter
2. Menu : Show/Hide Menu
3. Menu Style: Select menu style
4. Menu Alignment: set menu alignment
5. Menu Background Color: select color
6. Menu Background Active Color: select color
7. Menu Color: select color
8. Menu Active Color: select color
9. Menu Border Color: select color
10. Menu Active Border Color: select color
11. Menu Typography: set all font property

3. Styling Settings

1. Border Color: select color
2. Title Color: select color
3. Title Hover Color: select color
4. Overlay Color: select color
5. Category Color: select color
6. Category Hover Color: select color
7. Icon Background Color: select color
8. Icon Color: select color
9. Icon Border Color: select color
10. Icon Hover Color: select color
11. Icon Hover Background Color: select color
12. Icon Hover Border Color: select color

4. Typography Settings

1. Title Typography: set all font property
2. Cateogry Typography: set all font property

5. Pagination Settings

1. Pagination Color: select color
2. Pagination Hover Color: select color
3. Pagination Hover Background Color: select color

Create Post Masonry

1. General Settings

1. Theme : Select theme.
2. Column : Select column.
3. Total Post : enter how many portfolio you want in masonry. -1 for unlimitem portfolio item
4. Category : Select category. leave it blank if you want all category portfolio
5. Order : Set order.
6. Orderby : Set orderby.

2. Filter/Masonry Settings

1. Gutter : Enable/Disable Gutter
2. Menu : Show/Hide Menu
3. Menu Style: Select menu style
4. Menu Alignment: set menu alignment
5. Menu Background Color: select color
6. Menu Background Active Color: select color
7. Menu Color: select color
8. Menu Active Color: select color
9. Menu Border Color: select color
10. Menu Active Border Color: select color
11. Menu Typography: set all font property

3. Extra Settings

1. Read MOre Text : you can chagne read more text
2. Excerpt Length : you can set excerpt length

4. Styling Settings

1. Days Color : set color
2. Days Background Color : set color
3. Month Background Color : set color
4. Month Color : set color
5. Title Color : set color
6. Title Hover Color : set color
7. Description Color : set color
8. Post Meta Color : set color
9. Post Meta Hover Color : set color
10. Category Color : set color
11. Category Background Color : set color
12. Read More Color : set color
13. Read More Hover Color : set color
14. Read More Background Color : set color
15. Read More Hover Background Color : set color

5. Typography Settings

1. Title Typography: set all font property
2. Description Typography: set all font property
3. Post Meta Typography: set all font property
4. Category Typography: set all font property
5. Read More Typography: set all font property

6. Pagination Settings

1. Pagination Color: select color
2. Pagination Hover Color: select color
3. Pagination Hover Background Color: select color

Create Product Masonry

1. General Settings

1. Theme : Select theme.
2. Column : Select column.
3. Total Post : enter how many portfolio you want in masonry. -1 for unlimitem portfolio item
4. Category : Select category. leave it blank if you want all category portfolio
5. Order : Set order.
6. Orderby : Set orderby.

2. Filter/Masonry Settings

1. Gutter : Enable/Disable Gutter
2. Menu : Show/Hide Menu
3. Menu Style: Select menu style
4. Menu Alignment: set menu alignment
5. Menu Background Color: select color
6. Menu Background Active Color: select color
7. Menu Color: select color
8. Menu Active Color: select color
9. Menu Border Color: select color
10. Menu Active Border Color: select color
11. Menu Typography: set all font property

3. Styling Settings

1. Badge Color: select color
2. Badge Background Color: select color
3. Title Color: select color
4. Title Hover Color: select color
5. Price Color: select color
6. Add To Cart Color: select color
7. Add To Cart Background Color: select color
8. Add To Cart Hover Color: select color
9. Add To Cart Hover Background Color: select color

4. Typography Settings

1. Title Typography: set all font property
2. Price Typography: set all font property
3. Badge Typography: set all font property
4. Button Typography: set all font property

5. Pagination Settings

1. Pagination Color: select color
2. Pagination Hover Color: select color
3. Pagination Hover Background Color: select color

Portfolio Settings

1. Portfolio Sidebar Title: enter text
2. Clients Label: enter text
3. Company Label: enter text
4. Start Date Label: enter text
5. End Date Label: enter text
6. Change Portfolio Slug: enter text
7. Change Portfolio Category Slug: enter text
8. Custom Field One Title: enter text
9. Custom Field Two Title: enter text
10. Custom Field Three Title: enter text
11. Custom Field Four Title: enter text

Import Demo Content

To import the demo content as seen on the demo site , please see the following instructions.

  1. Log-in to your WordPress admin - Goto Tools ->Import ->Select WordPress.
  2. If required, download and active the WordPresss Importer plugin. Once activated you may need to repeat steps above.
  3. Locate inside documentation/demo/ folder upload all the File and Import button.
  4. Assign admin user to an existing user. e.g. admin ->select Download and Import file attachments.

Once again, thank you so much for purchasing this extension. As I said at the beginning, I'd be glad to help you if you have any questions relating to this extension and I'll do my best to assist. If you have any question you can send an e-mail via the profile page.

Regards
Xgenious