Logo

oPorto - Responsive Personal Portfolio Resume WordPress Theme


Thank You! for purchasing oPorto - Responsive Personal Portfolio Resume WordPress Theme. In case you have any questions that are beyond the scope of this help documentation please feel free to contact us. We are more than happy to help you and get you going with this theme.

oPorto is a Responsive Personal Portfolio Resume multipurpose WordPress Theme built for number of personal portfolios/resumes and much more. Its highly customizable and easy to install and configure.

You can follow me to keep track of my theme updates and future themes. Thanks so much!


Creation Date: 26th May 2022
Proudly Created By: OpusTech Team

Quick Start


oPorto is easy to setup. Assuming that you have WordPress already installed and oPorto can be setup using the following three simple steps:

Theme installation can be done using one of the following methods


Once the upload is comeplete, activate the theme.

Child Theme


oPorto is child theme ready. It is recommended to use child themes to keep the theme update procedure seemless.

Child theme installation can be done using one of the following methods

Once the upload is comeplete, activate the child theme.

Required/Recommended plugins


Once theme is installed, a notice will be prompted to install required and recommended plugins. Plugins can be installed by clicking "Begin Installation" or navigating to "Appearance > Install Plugins"

Install and activate all plugins.

Required Plugin

Recommended Plugin

It is recommended to install both required and recommended plugins to get the best results. Please make sure theme is installed and activated before installing plugins

Import Demo Content


For demo content import navigate to "Appearance > Import Demo Content" and click "Import Demo Data"



After clicking "Import Demo Data". This window will be appear then click "Import Demo Data".



Now you can easily import the demo content by just clicking on "Continue & Import".



This process will take a bit of time to complete. The time will depend upon the internet speed and server configuration. Please be patient while this step. You will be able to see the progress bar. Once the process is complete you will be notified. PLEASE DONT IMPORT THE CONTENT TWICE!!

Elementor Page Builder


oPorto is using Elementor as a page builder plugin. It is highly customizable and if you want to know more about Elementor click here

Elementor Documentation can be found here

Following screenshot demonstrate the recommended settings for Elementor Page Builder

  1. Navigate to "Elementor > Settings"
  2. Check "Services" & "Portfolios" Checkboxes to enable Elementor Page Builder for Custom Post Types
  3. Check "Disable Default Colors"
  4. Check "Disable Default Fonts"

Replace Site Address

Elementor provides you facility to change your website url very easily. You just need to follow some simple and easy steps. These steps are as follows:

  1. Navigate to "Elementor > Tools".




  2. A new Window appears then click on "Replace URL" tab.




  3. Now, here you can add your old website url that mentioned below. You can try following two urls as old website url. One of the following two urls will be the correct old url of website and then you can easily replace that old url with your new website url.

    1. http://bsmthemes.com/oPorto/
    2. https://bsmthemes.com/oPorto/


  4. Add new url of your website and just click on the Replace URL Button. Website Address updated successfully.




Assign Frontpage and Blog Pages


The following screenshot explains how to assign Frontpage and Blog Pages.

  1. Navigate to "Settings" > "Reading"
  2. Select "A static page (Select Below)"
  3. Select "Home" from dropdown for "Homepage"
  4. Select "Blog" from dropdown for "Posts Page"

Assign Menu to Display Location

Elementor provides you facility to assign header main menu. You just need to follow some simple and easy steps. These steps are as follows:

  1. Navigate to "Appearance > Menus".




  2. A new Window appears. Here, You can select Main Menu from dropdown and simply click the select button. Main Menu successfully selected.




  3. At the bottom of that window Display location checkbox given. Here, you can assign the location(Main Menu) to menu by just enable the checkbox. And then simply click the save menu button. Display location successfully assigned to Main Menu.





Theme Options


oPorto Theme is highly customizable and ships with easy to follow and setup options. For theme options navigate to "Theme Options"

Following are the theme options:

  1. General Settings


    Following settings can be adjusted from general settings

    • Primary Color
    • Secondary Color

    General
  2. Header

    Following settings can be adjusted from header settings

    • Edit Right Button in Main Navigation

    Right Button

    • Change Site Main Logo

    Main Logo
  3. Contact Information

    Following settings can be adjusted from Contact Info settings

    • Change the Contact Number
    • Change the Address

    Contact Information
  4. Typography

    Following settings can be adjusted from Typography settings

    • Adjust Body Font Family
    • Adjust Headings Font Family

    typography
  5. Blog

    Following settings can be adjusted from Blog settings

    • Change Blog Page Layout

    blog
  6. Social Media

    Following settings can be adjusted from Social settings

    • Enable/Disable Social Links
    • Add Social Media Links

    social media
  7. Footer

    Following settings can be adjusted from Footer settings

    • Add Footer Logo
    • Adjust Footer Widgets

    footer
  8. Footer Contact

    Following settings can be adjusted from Footer Contact settings

    • Change the Address
    • Change the Website
    • Change the Email
    • Change the Contact Number

    Copyright
  9. Copyrights

    Following settings can be adjusted from Copyrights settings

    • Turn On/Off Copyrights Section
    • Adjust Copyrights Text

    Copyright

Widgets


oPorto uses Elementor page builder as the page builder for the theme. Elementor Page Builder comes with number of widgets that can be used to construct a page. However we have a created a number of custom widgets to meet the requirements of this theme. 20 custom widgets are used to build this theme. We have added the screenshots of the custom widgets in the documentation to make it easier to identify which section is generated by the use of a particular widget

Following is the list of the custom widgets that are constructed for oPorto:

oPorto Banner

Banners are great to seek the user attention. You can add Banner Background Image, Banner Overlay, Sub Headline, Headline, Banner Static Text, Banner Dynamic Text List and Call to Actions Button labels and their links also.

Banner

All you just need to drag the widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can choose banner background image according to your choice. You can upload image from media library.
  • 2. You can add the Background Image Overlay.
  • 3. You can change the Banner sub headline.
  • 4. You can add the Banner headline.
  • 5. You can edit the Banner static text.
  • 6. You can add the Banner dynamic text list items as per your requirement.
  • 7. You can add the Button titles with their links, have a look at the following screenshot:


  • Item Information Item Information




Headline Style

This Collection widget will help users to create Headline style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Headline, Sub Headline and Headline Alignment according to respective Widget with all available settings by dragging Opus widgets starts from Opus Headline 03 etc


  • Have a look at the following screenshots, and see the Headline style you have:

    Headline Style

    Heading Style




Image with Content Style

This widget will help user to create Image with Content Style Area

All you just need to drag the widget where required and follow the following instructions, and you'll see the screenshots also



Content Image
  • 1. You need to add Image, Progress Bar Headline and Progress Bar Items List with all available settings by dragging widget. Each Item you can add Progress Bar Heading and Progress Bar Value

  • Have a look at the following screenshot, and see how the widget will look like:


    Content Image




Opus Logos Widget

This Collection widget will help you to create Client Logos. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the following instructions, and you'll see the screenshots also


Logos Widget Style

Logos Style
  • 1. You need to add Logo Image and link all available settings by dragging widget

  • Have a look at the following screenshot, and see how the widget will look like:


    Logos Style



Opus Counter Style

This Collection widget will help users to create Counter style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Icon, Pre Counter Text, Counter, Post Counter Text, Sub Headline Text, Counter Color and Icon Color according to respective Widget with all available settings by dragging Opus widgets starts from Opus Counter


  • Have a look at the following screenshots, and see how many type of Counter styles you have:

    Counter Style

    Counter

    Counter




Accordion Style

This Collection widget will help users to create Accordion style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Accordion label and Accordion Text according to respective Widget with all available settings by dragging Opus widgets starts from Opus Accordion


  • Have a look at the following screenshot, and see the type of Accordion style you have:

    Accordion Style

    Accordion




Testimonials Style

This Collection widget will help users to create Testimonials style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Headline, Sub Headline and Testimonials items As per your choice. Each item consists of Testimonial Feedback, Image, Name and Designation according to respective Widget with all available settings by dragging Opus widgets starts from Opus Testimonial


  • Have a look at the following screenshots, and see the type of Testimonial style you have:

    Testimonial Style

    Testimonial




Buttons

Call to action buttons are a must for any website. We have created multiple dedicated widgets for call to action buttons. You can add CTA button anywhere on the site. This widget comes up with number of options by which you can customize the look and feel of the button.

Button Image Button Image

All you just need to drag the widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can add the button label easily for you.
  • 2. You can edit the button link for you.
  • 3. You can change the button alignment for you.
  • 4. You can select the button style from dropdown according to your choice. Three different button looks available, have a look at the following screenshot:

    Button Information



oPorto Blog

You can add the blog posts easily. We have created the style for showcasing the blog posts on the site.

blog

All you just need to drag the blog posts widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can set the number of posts that show in one column.
  • 2. You can set the number of posts that you want to skip. So, you can set the post offset.
  • 3. You can choose the order of your post from post order dropdown, have a look at the following screenshot:

    Blog Information



Portfolio Style

You can add the portfolios easily. We have created the style for showcasing the portfolios on the site.

Portfolio

All you just need to drag the portfolio widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can set the number of portfolio that show in one column.
  • 2. You can set the number of portfolio that you want to skip. So, you can set the post offset.
  • 3. You can choose the order of your portfolio from post order dropdown, have a look at the following screenshot:

    Portfolio Information



Contact Information Style

This Collection widget will help users to create Contact Information style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Email Headline, Emails, Phone Headline, Phone Numbers, Address Headline and Address according to respective Widget with all available settings by dragging Opus widgets starts from Opus Contact Info


  • Have a look at the following screenshots, and see how Contact Information style looks like:

    Contact Info Style

    Contact Info

    All you just need to drag the contact info widget where required and follow the following instructions, and you'll see the screenshots also

    • 1. You can change the Email Headline.
    • 2. You can add the emails information.
    • 3. You can change the Phone Headline.
    • 4. You can change the contact numbers.
    • 5. You can also add the Address Headline.
    • 6. You can change the Address Description for you.


    • Contact Info

Services Style

This Collection widget will help users to create Services style in single service page. You can manage this Widget very easily via Admin

You can add the services easily. We have created the style for showcasing the services on the service page in site.

Have a look at the following screenshot, and see how services style looks like:

Services Style

Services

All you just need to drag the Services widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can set the number of services that show in one column.
  • 2. You can set the number of services that you want to skip. So, you can set the services offset.
  • 3. You can choose the order of your services from services order dropdown, have a look at the following screenshot:


  • Service



Education Timeline Style

This Collection widget will help users to create Education Timeline style. You can manage this Widget very easily via Admin

You can add the education timeline easily. We have created the widget for showcasing the education timeline in site.

Have a look at the following screenshot, and see how education timeline style looks like:

Education Timeline Style

Education Timeline

All you just need to drag widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can set the education starting year.
  • 2. You can change the education ending year.
  • 3. You can add the education degree institue.
  • 4. You can also change the degree name for you, have a look at the following screenshot:


  • Education Timeline



Social Media Style

This Collection widget will help users to create Social Media style. You can manage this Widget very easily via Admin

You can add the social media style easily. We have created the widget for showcasing the social media in site.

Have a look at the following screenshot, and see how social media style looks like:

Social Media Style

Social Media

All you just need to drag widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can upload image from media library.
  • 2. You can change the social media headline.
  • 4. You can also change the social media link for you, have a look at the following screenshot:


  • Social Media



Icon Box Style

This Collection widget will help users to create Icon Box style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Headline, Sub Headline and Icon Box Text according to respective Widget with all available settings by dragging Opus widgets starts from Opus Icon Box


  • Have a look at the following screenshots, and see the type of Icon Box style you have:

    Icon Box Style

    Icon Box




Pricing Style

This Collection widget will help users to create Pricing style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Package Title, Package Currency, Package Price, Package Type, Package Image, Package Features List and Package Button according to respective Widget with all available settings by dragging Opus widgets starts from Opus Pricing


  • Have a look at the following screenshots, and see how Pricing style looks like:

    Pricing Style

    Pricing

    All you just need to drag the pricing widget where required and follow the following instructions, and you'll see the screenshots also

    • 1. You can add the package title.
    • 2. You can set the package Currency.
    • 3. You can add the package price.
    • 4. You can set the package type according to your choice.
    • 5. You can upload the package Image from media library for you.
    • 6. You can add the unlimited list items of package features.
    • 7. You can set the package button link and label as well.


    • Pricing


      Pricing



Features Style

This Collection widget will help users to create Features style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You need to add Feature Image, Feature Icon, Feature Headline and Feature Description according to respective Widget with all available settings by dragging Opus widgets starts from Opus Features


  • Have a look at the following screenshots, and see how Features style looks like:

    Features Style

    Features

    All you just need to drag the pricing widget where required and follow the following instructions, and you'll see the screenshots also

    • 1. You can upload the feature Image from media library for you.
    • 2. You can add the feature icon.
    • 3. You can set the feature headline according to your choice.
    • 4. You can also change the features description.


    • Pricing



Opus Image Box

This widget will help users to create Services Image Box style. You can manage this Widget very easily via Admin

  • 1. You need to add Service Image, Service headline, Service Description and Service Box Link according to respective Widget with all available settings by dragging Opus widgets starts from Opus Image Box


  • Have a look at the following screenshots, and see how Services Image Box looks like:

    Sevices Image Box Style

    Sevice

All you just need to drag the widget where required and follow the following instructions, and you'll see the screenshots also

  • 1. You can upload the service image from media library.
  • 3. You can add service box headline.
  • 3. You can change the service box description for you.
  • 4. You can change service box link according to your choice. Have a look at the following screenshot:
Sevice Information



Working Steps Style

This Collection widget will help users to create Working Steps style. You can manage this Widget very easily via Admin

All you just need to drag the widget where required and follow the instructions

  • 1. You can add Working Steps List items as per your requirement. In each item you can add Working Steps Icon, Headline and Sub Headline according to respective Widget with all available settings by dragging Opus widgets starts from Opus Working Steps


  • Have a look at the following screenshots, and see the type of Working Steps style you have:

    Working Steps Style

    Working Steps


FAQs


Q. I have found a bug. What should i do?

If you find a bug please report the bug and we will get it fixed for you as soon as possible.

Q. Are you available for helping to setup the Theme?

As far as setting up the template is concerned the Opustech Theme team will try to help to get the theme up. However customization requests are not available.

Q. I bought theme by mistake or other. Is refunds available?

Only in rare cases according to the policy stated

Sources & Credits