Portfolio One Pro

Thank you for choosing “Portfolio One Pro” theme. This theme will help you showcase your online portfolio in a modern and elegant way.

If you need any help, please feel free to contact us (support@codeworkweb.com)

• • The latest version of the WordPress CMS
  • PHP 7.4 or higher. WordPress requires it
  • HTTPS support
  • All WordPress Standard Requirments

WordPress CMS

You need a WordPress installation on your website to use our theme.

WordPress Installation

General steps to install WordPress CMS to your site

• Download the latest WordPress version from https://wordpress.org/download/
• Upload the zip file to your website root folder and unzip
• Create a database (using your hosting panel)
• Set up WordPress.

To install “Portfolio One Pro” Theme with the WordPress Dashboard, please follow the steps:

1. Login to WordPress Admin dashboard.
2. Go to Appearance > Themes.
3. Click on ‘Add New’ button and then on ‘Upload Theme’ button.
4. Click on ‘Choose file’ button and select the previously downloaded theme zip file.
5. Click on ‘Install Now’ button and Activate it.
6. You have successfully installed the Theme.

If you are new and your website is new, the best process to start configuring is by importing our pre-made demo content. Once you import the demo you can replace it with your real contents later.

Before importing demo, make sure that you have installed and activated the required plugins for this theme.

• Elementor
• Contact Form 7

And for the premium theme, you will get a separate plugin for Elementor, which adds new widgets to the Elementor editor; you will have to install and activate it first.

To import the demo, follow the following steps:

• Go to your dashboard and navigate to Appearance > Portfolio One Info
• Click on Import Demo
• If you have not installed and activated the CWW Companion plugin you will be asked to do it.
• After that, you will be able to see demos, select the demo you like to import and click Import Demo
• Install the plugins shown on the popup to import the demo and go to the next step and the import process will start.

After successful import, you can view your website and start editing it.

Go to Appearance > Customize

Click on Site Identity , upload the logo for your website. Also you can add site title and tagline.

The theme comes with predefined 4 different header layout, you can switch to any layout to meet your design needs. For header settings
go to Appearance > Customize

Click on “Header Options”

Here you can switch between different header layouts. Change typography and color for menus.

To add menus on your website go to

Appearance > Menus

and give name to your menu, and add some menu items form left side. You can add pages, posts or add custom links there.

And then click on “Create Menu”.

Once you create your menu, you have to set display location for menu.

Under “Menu Settings” click on “Primary Menu”

You can add icons to your menu to give it an elegant look. Go to

• Appearance > Menus
• Click on the menu and expand it

Here you will see an option to add menu icons, select any available icons, and save the settings

You can add or hide sidebars on your pages as needed. To manage sidebars, go to

Appearance > Customize

and click on “Sidebar Settings”

Here you will get options for sidebars.

From additional options you can manage different settings like Dark/Light mode, Social Icons, Scroll To Top etc,

Go to Appearance > Customize

and then click on “Additioal Options”

The theme comes with built in option to mange dark/light mode toggle switch. For this go to

Appearance > Customize

and then click on “Additional Optios”

there you will see option for Dark/Light mode

Don’t forget to upload logo to use on dark mode, from the setting.

Profile card is a beautiful toggle button, which when clicked, gives visitors will get option to contact you. To access this

Go to Appearance > Customize

and then click on “Additional Options”

after that click on “Profile Card”

From advanced optios you can disable loading of some unwanted styles and icons pack which comes with the theme. If you don’t use those, you can completely disable loading them on your website.

Go to Appearance > Customize

and click on “Additional Options”

after that click on “Advanced Options”

You can access footer settings from

Appearance > Customize

and click on “Footer Settings”

Here you can manage footer settings, and also you can select Elementor template as footer template