Abram is A One Page Responsive Personal Portfolio WordPress Theme. Right fit for any personal resume, cv, portfolio, minimal portfolio, Agency, freelancer, minimal, onepage portfolio, personal portfolio and developer etc.

Support Forum: http://ozariya.com

Follow Instruction Step-By-Step via WordPress Admin Panel

  • Step 1 – Go to "Appearance" and then select "Themes" section
  • Step 2 – Click on "Add new" button at top
  • Step 3 – Click on "Upload Theme" button
  • Step 4 – Choose file "Abram.zip" and then click on "Install Now"
  • Step 5 – After you activate Abram Theme you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Ex:- Visual Composer plugin is required.
  • Step 6 – If You Activate all plugin. Then After import demo in Dashboard > Abram Theme Options > Demo Importer

Please See Related Images

Abram includes 3 plugins that will need to be installed and activated:

Required plugins:

  1. Abram
  2. Visual Composer
  3. Contact Form 7

Follow Instruction Step-By-Step

  • Step 1 – Open your FTP Apllication
  • Step 2 – Browse Abram.zip file And Extract them
  • Step 3 – Goto wp-content/themes/ location in your WordPress
  • Step 4 – Upload Abram folder at this location

Now, Active Abram Theme in Backend

  • Step 1 – Login to worpress
  • Step 2 – Go to Appearance > Themes
  • Step 3 – Click on "Active" Button
  • Step 4 – After you activate Abram Theme you will see a notification message to activate the required plugins in the Plugins section of your dashboard. Ex:- Visual Composer plugin is required.
  • Step 6 - If You Activate all plugin. Then After import demo in Dashboard > Abram Theme Options > Demo Importer

You have follow the following step to import data automatically using one click demo import

  1. Set permalinks. Go to > "Settings" then select "Permalinks" and choose "Post Name" from given options
  2. Go to Dashboard > Abram Theme Options > and click on "Import Demo Data"
  3. Click on "Import Demo Data" button and then wait for few time once it's done you will get one success message.
  4. Now, Your websie is ready and Check All pages and Functionality.

Please see Related Images.

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Header
  2. Logo : Upload your site logo.
  3. Fevicon : Upload your site favicon.
  4. Header Design Variation : If you select different header design style.
  5. Menu Style For Mobile : Select menu is normal or fixed.
  6. All Inner Page Default Banner Image : Setup All pages banner image. [ if you not select page wise banner image then this image is default show on page header ]
  7. Header Code :Paste your javascript code here.
  8. Save Changes

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Social Media
  2. Display Social Media : If Display Social Media on footer section.
  3. Social Media Option : Enter social media url.
  4. Save Changes

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Styles Options
  2. Do you want to change fonts? : If you select yes then your website Font change as your requirement wise. Default Font = Rubik
  3. Background Color : Change your body background color.
  4. Set Primary Color : Choose Primary Color.
  5. Set Secondary Color : Choose Primary Color.
  6. Save Changes

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Footer
  2. Display Copyright Text : If you display copyright text or not.
  3. Copyright Text : If yes, then Enter your copyright text details.
  4. Save Changes

Used for a website under construction, coming soon or in maintenance mode.

  1. Step 1: Create a New Page.
  2. Step 2: Create New Page.

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Coming Soon Page
  2. Set Coming Soon Page : If you select yes then display coming soon page template in your page.
  3. Coming Soon Logo : Upload logo for your Coming Soon Page. Otherwise site title will be displayed in place of image.
  4. Coming Soon Page Title : Enter Coming Soon Page Title.
  5. Coming Soon Page Description : Enter Coming Soon Page Description.
  6. Save Changes

To set Coming Coon page as Home page.

Admin Menu > Settings > Reading

  1. Your homepage displays:
    1. A static page (select below): Select Coming Soon Page.
  2. Save Changes

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Demo Importer
  2. Demo Importer : Works best to import on a new install of WordPress .
  3. Save Changes

To set theme options go to " Admin Menu > Abram Theme options ". Here you can see so many options. Configure it one by one.

  1. Navigate to Abram Theme Options > Import-Export Options
  2. Import Options : Import you website data as File wise OR Url wise.
  3. Export Options : Export your website data as File wise OR Url wise.
  4. Save Changes

To set Menu go to " Admin Menu > Appearance > Menus ". Configure it step by step.

  1. Navigate to Admin Menu > Appearance > Menus
  2. Select Primary Menu / Default Menu as Theme Location as per shown in folloing screenshot
  3. Save Changes

You can create any number of pages with content. Abram provides most of Features to Creat new page with Visual composer element.

  1. Navigate to Pages > Add New in your admin sidebar and click Add New option.
  2. Enter Your new page Title.
  3. Page Attributes:
    1. Set up your Parent page. Default is no parent.
    2. Set up your page template from the Template Select Box.
  4. Show Page Banner section : Select yes then Banner image or title are so in page Banner. [ Home page in set No ]
  5. Page title text color : Choose your Page background color.
  6. Page title font size : Enter your Page Font size.
  7. Banner Background color : Choose your Banner background color.
  8. Banner Background Image : Choose your Banner background image.
  9. Sidebar Position : If you show sidebar in page Then choose sidebar position.
  10. Sidebar : Choose which sidebar you can used in page sidebar part.
  11. Show Header : If you show Header in your page then choose Yes.
  12. Show Footer : If you show Footer in your page then choose Yes.
  13. Publish page

By default, WordPress shows your most recent posts is front page. But you need to your custom page show as a Front page OR Home page.

There are two smiple step follow to Setup New Home page.

  1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
  2. Now, Go To Settings > Reading in your admin sidebar
  3. Front page displays : select You choose your static page or WordPress default post page.
  4. Front page OR Home Page : Select your home page to Created as previously.
  5. Save Changes

You can create any number of post with content. Abram provides most of Features to Creat new post with Attractive design.

  1. Navigate to Posts > Add New in your admin sidebar and click Add New option.
  2. Enter Your new post Title.
  3. Content : Enter your Content.
  4. Page Attributes:
    1. Set up your Parent page. Default is no parent.
    2. Set up your page template from the Template Select Box.
  5. Show Page Banner section : Select yes then Banner image or title are so in page Banner. [ Home page in set No ]
  6. Page title text color : Choose your Page background color.
  7. Page title font size : Enter your Page Font size.
  8. Banner Background color : Choose your Banner background color.
  9. Banner Background Image : Choose your Banner background image.
  10. Sidebar Position : If you show sidebar in page Then choose sidebar position.
  11. Sidebar : Choose which sidebar you can used in page sidebar part.
  12. Show Header : If you show Header in your page then choose Yes.
  13. Show Footer : If you show Footer in your page then choose Yes.
  14. Publish

By default, WordPress shows your most recent posts is front page. But you need to choose custom homepage then need to require choose blog page.

There are two smiple step follow to Setup Blog page.

  1. Follow the steps above in the Create a New Page section to create a static page to use as Homepage
  2. Now, Go To Settings > Reading in your admin sidebar
  3. Front page displays : select You choose your static page or WordPress default post page.
  4. Post page OR Blog Page : If you select static page option above field. then required to choos blog page Othewise WordPress default post set as home page.
  5. Save Changes

Now, Below is design pattern of Visual Composer Elements Module. You can used VC components then Click on Add ElementsButton. After first you select Row elements as your choice wise. and then put your all element in this field.

If you click on "Add element" button will show the content element selection menu. Content blocks are divided into categories (Show all, Content, Social, Structure, WordPress Widgets, etc.).

If you need the Visual Composer documentation you can check here.

Abram Give you 16 custom Visual Composer Elements. All Elements has been designed with specific functionalities and options. You can see all the custom modules by clicking on the "Abram Shortcodes" tab.

The Button Element is Display Button in your website.

  1. Button Type: Select Button Type.
  2. Content: Enter content.
  3. URL: Enter Url.
  4. Target: Select Target.
  5. Size: Select Size.
  6. Custom Button Color: Select text color.
  7. Custom Button BG Color: Select background color.
  8. Button Position: Select Button Position.
  9. Icon : Choose Icon.
  10. Custom Margin Top: Enter the top margin.
  11. Custom Margin Bottom: Enter the bottom margin.
  12. Custom Margin Left: Enter the left margin.
  13. Custom Margin Right: Enter the right margin.
  14. Extra class name: Enter extra class.
  15. Save Changes

The Client Element is Display all client logo in your website.

  1. Client Logo Images: Upload your all client logo.
  2. Save Changes

The Contact Element is used to display contact information like opening hours time table, address, phone number and email in your website.

  1. Opening Time Table Label: Enter Opening time table label.
  2. Monday to Friday Label: Enter Monday to Friday label.
  3. Monday to Friday Time: Enter Monday to Friday time.
  4. Saturday Label: Enter Saturday label.
  5. Saturday Time: Enter Saturday time.
  6. Contact Details Label: Enter Contact details label.
  7. Address: Enter Address.
  8. Email Id: Enter Email Id.
  9. Phone Number: Enter Phone Number.
  10. Save Changes

The Counter Element is Display counter of total Client, Portfolio, etc in your website.

  1. Title: Enter title of Counter.
  2. Title color (leave blank for default color): Select title color.
  3. Counter Figure Number: Enter total number.
  4. Counter Figure color (leave blank for default color): Select counter color.
  5. Icon Size (leave blank for default size): Enter icon size.
  6. Icon color (leave blank for default color): Select icon color.
  7. Icon: Choose the icon.
  8. Save Changes

The Details Element is display your basic information on your website.

  1. Name: Enter your Name.
  2. Address: Enter your Address.
  3. Email: Enter your email.
  4. Phone: Enter your phone.
  5. Save Changes

The Distance Element is provide to space in your website.

  1. Type: Select your space type.
  2. Save Changes

Abram Education is used to display your education on your website.

  1. Year: Enter the Years.
  2. Title: Enter the title.
  3. University Name: Enter the university name.
  4. Details: Enter the details.
  5. Save Changes

Abram Experience is used to display your past experience on your website.

  1. Year: Enter the Years.
  2. Title: Enter the title.
  3. Company Name: Enter the company name.
  4. Company Logo: Enter the company logo.
  5. Details: Enter the details.
  6. Save Changes

The Portfolio Element is display your portfolio as gallery images in your website.

  1. Included Category IDs: Enter your selected category id. if you not get id. then see above screen shot.
  2. Number: How many maximum item display in gallery section.
  3. Order By: Select your image as order by. like date wise, title wise etc..
  4. Order: Select order Assending or Dessending.
  5. Save Changes

Abram icon Box Element is used to display good design icon box field in your website.

  1. Type: Select the box style.
  2. Title: Enter the title of box.
  3. Title color (leave blank for default color): Select the title color.
  4. Text: Enter the short description.
  5. Icon Size (leave blank for default size): Enter the size of icon.
  6. Icon color (leave blank for default color): Choose the icon color.
  7. Icon background color (leave blank for default background color): choose the background color of icon.
  8. Icon: Choose the icon.
  9. Save Changes

Abram Progress Bar is used to display the progress report.

  1. Add Progress Bar:
    1. Title: Enter the Title.
    2. Score out of 100: Enter the total score.
  2. Save Changes

Abram Blog is used to display Blog in our website With different style.

  1. Select Style: Select the style of blogs.
  2. Number: Enter Number of blog to show in your site.
  3. Category: Enter category id to display post(otherwise show all category post).
  4. Order By: Select order by like date, title etc..
  5. Order: Select order like ascending/descending.
  6. Save Changes

Abram Service element is used to display your services on your website..

  1. Title: Enter the Service Title.
  2. Text: Enter the Service Text.
  3. Service Icon Image: Select Service icon image.
  4. Icon: Select the Service Icon.
  5. Save Changes

Abram Slider element is used to image slider in your website..

  1. Select Slider Style: Select the style of slider.
  2. Add Slide:
    1. Image: Upload slider image.
    2. Slide Caption Position: Choose the position of caption.
    3. Title: Enter the title on your slider.
    4. Sub Title: Enter the Sub Title on your slider.
    5. Sub title Keyword-1: Enter the Subtitle keyword 1 (like, freelancer, designer, developer etc..).
    6. Sub title Keyword-2: Enter the Subtitle keyword 2 (like, freelancer, designer, developer etc..).
    7. Sub title Keyword-3: Enter the Subtitle keyword 3 (like, freelancer, designer, developer etc..).
    8. Description: Enter the Description on your slider.
  3. Save Changes

Abram Testimonial element is used to display testimonial/client slider in your website..

  1. Add Testimonial:
    1. Image: Upload testimonial image.
    2. Name: Enter the name of slider.
    3. Designation: Enter the designation of slider.
    4. Description: Enter description of testimonial.
  2. Save Changes

Abram Title element is used to display Heading of Text with different size in your website.

  1. Title: Enter the title.
  2. Title Text Color: Choose the title color.
  3. Sub Title: Enter Sub title title.
  4. Sub Title Text Color: Choose the Sub title color.
  5. Save Changes
  • Right Sidebar : For Right Sidebar as pages
  • Left Sidebar : For Left Sidebar as pages

Once again, Thank you very much for purchasing this Abram - Onepage Portfolio WordPress Theme.