Take 20% off Themes and Services SUBSCRIBE

Docs

Anchored Design

Virtual Assistant Theme

One Click Theme Setup

This document last updated on:

The Virtual Assistant Theme was developed to use the new One-Click Demo Install feature. With the click of a button, the Virtual Assistan Theme will be installed along with all of the plugins we recommend and our sdemo content, making your site appear just like our DEMO SITE in just a few minutes. Once installed, all you need to do is modify the Theme Settings and update with your preferences
To use the One-Click Theme Setup, perform the following steps:
  1. Backup your website database and files
  2. Under Appearance > Themes, click the Add New button near the top of the page
  3. Upload the .zip file: virtual-assistant.zip
  4. Activate Virtual Assistant
  5. Upon activation, you will be taken to a page where you can run the optional automated setup. Click the blue button for Install Pack – this will begin the installation process
  6. If you are not automatically redirected to the Theme Setup page, you can find it at: Genesis > Child Theme Setup {website}/wp-admin/admin.php?page=genesis-getting-started
We’ve curated a few plugins we think will help you use Course Maker Pro. The following plugins will be automatically installed and activated during the One-Click Theme Setup:

Demo Content

When the One-Click Theme Setup is finished, you will see there are a few new pages created: Home, Blog, Contact, Landing Page, GUTENBERG OPTIMIZED The new Home and Blog pages will be assigned under Settings > Reading

Demo Content Looks Different?

Sometime because of Site have not enough posts to display then it looks different then demo. Demo content only installed if WordPress site is new/fresh Install. For home please check Home page guide for each section and its configuration in details. For other pages also check articles under “BLOCK PAGES GUIDE” on Doc

Installing Theme

This document last updated on:

Virtual Assistant Theme from Anchored Design is built exclusively for the Genesis Framework for Virtaul Assitant/Freelancer. If you have not already purchased the framework, you can do that here.

Virtual Assistant Theme requires Genesis 3.0 or newer. Update your website to the latest version of the Genesis framework before installing Virtual Assistant Theme.

Download Your Theme

After your purchase is completed, you will receive an email confirmation with a download link to the Cuisine Recipe Theme. Your purchase of the Virtual Assistant Theme includes a file called virtual-assistant.zip  — this contains all theme files and genesis.zip too together.

  1. Install the Genesis Framework.
    From your WordPress Dashboard go to Appearance > Themes.
    Click “Add New.”
    Click “Upload Theme.”
    Browse your computer to upload the file you purchased from StudioPress.
    You do not need to activate the Genesis Framework.
  2. Install Virtual Assistant Teheme.
    From your WordPress Dashboard go to Appearance > Themes.
    Click “Add New.”
    Click “Upload Theme.”
    Browse your computer to upload the file called “virtual-assistant.zip.”
    Click “Activate” when the file is finished uploading.
    You will be taken to a screen where you can run the optional One-Click Theme Setup

Logo / Site Title

This document last updated on:

The Coaching Plus Theme comes with the option to use styled text for your site title and tagline or to upload a logo image of your choice.

To configure these options, from your WordPress dashboard click on Appearance > Customize. Open the “Site Identity” menu.

Text Logo

Enter the name of your blog into the SITE TITLE field and then enter your blog’s tagline into the TAGLINE field. Click “save” or use Image Logo

Image Logo

You can use an image for your logo as we used. If you choose this option, then your logo will be displayed in place of the SITE TITLE and the TAGLINE content.

Click the ‘Select Logo‘ button and choose your logo file from the Media Library.

The ideal logo size for the theme is 430px × 100px. We have disabled the forced cropping option to allow for more flexible logo sizes. However, we recommend that you keep the image logo to no wider than 430px so it looks like the theme demo.

Enable/Disable Sticky Header

Also there is option to change Sticky Header Logo (will show only on Mobile so add mobile logo) and Favicon here.

Theme Colors

This document last updated on:

With Virtual Assistant Theme, you can change the color scheme of the entire site with just a few clicks! Go to Appearance > Customize, then navigate to the “Colors” tab.

We have included several options to make changing the theme colors easy and straightforward. You will see a live view of your changes in the Customizer Preview Pane. Change these values to suit your needs, and be sure to hit “Publish” when you are ready.

If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.

For more customization Contact US

Theme Typography

This document last updated on:

With Virtual Assistant Theme, changing the the font family/typography of the entire site with Web Safe Fonts are quick and painless. There are some font options to choose which are web safe and best for Core Web Vitals.

Also very easy to change out the font sizes, headings and paragraph settings.

Go to Appearance > Customize, then navigate to the “Typography” tab.

Update the options to meet your preferences, then select “Publish” when done.

If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.

Poppins is not Web Safe Font but we added on theme for paragraph fonts.

 

 

We have included some options to make changing the theme fonts easy and straightforward. You can choose any of fonts available below.

 

Other Block Pages

This document last updated on:

If you use the One-Click Theme Setup, then the demo pages will automatically be created for you using Gutenberg editor blocks. You can learn more about Genesis Blocks by going to the plugin page.

Landing Page

#1. First Note Page Settings and Genesis Settings

1. Page Attributes: Landing
2. Hide Title: Yes

3. Layout: Full Width Layout

#2. Copy and Paste below code to your editor and start editing your page

It contains all necessary blocks to make this page

<!-- wp:genesis-blocks/gb-container {"containerMaxWidth":800} -->
<div class="wp-block-genesis-blocks-gb-container gb-block-container"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:800px"><!-- wp:paragraph -->
<p>A landing page is an excellent tool for promoting a product or service without any<br>distraction. There is no navigation bar, blog post articles or out-bound links that<br>can pull a visitor away from this page.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->

<!-- wp:image {"align":"center","id":491,"width":1000,"height":650,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/landing.jpg" alt="" class="wp-image-491" width="1000" height="650"/></figure></div>
<!-- /wp:image -->

<!-- wp:html /-->

<!-- wp:genesis-blocks/gb-container {"containerMaxWidth":800} -->
<div class="wp-block-genesis-blocks-gb-container gb-block-container"><div class="gb-container-inside"><div class="gb-container-content" style="max-width:800px"><!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"textColor":"buttonhover","style":{"border":{"radius":0}},"className":"is-style-alt"} -->
<div class="wp-block-button is-style-alt"><a class="wp-block-button__link has-buttonhover-color has-text-color no-border-radius" href="https://anchoredthemes.com">BUY NOW</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Automic Plugin Installation</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>One of the best things about this theme is automatic plugin installation.<br>Which means, once you install the theme, all of the plugins used to build<br>this demo will automatically install for your convenience.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Styled for Recipe Bloggers</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>We know that every food bloggers depends on having a well-built and<br>well-supported recipe plugin for their blog. We have not only included WP<br>Recipe Maker as a part of the automatic plugin installation but we have also<br>custom styled it for this theme. Oh, it’s also Gutenberg-editor friendly.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4,"className":"is-style-sectionheading"} -->
<h4 class="is-style-sectionheading">Genesis Blocks Collection</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Genesis Blocks is a collection of page building blocks for the new Gutenberg<br>block editor. Building pages with the block editor and Genesis Blocks gives you<br>more control to quickly create and launch any kind of site you want.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:genesis-blocks/gb-container -->

<!-- wp:genesis-blocks/gb-button {"buttonText":"BUY NOW","buttonAlignment":"center","buttonBackgroundColor":"#517F71","buttonShape":"gb-button-shape-square","className":"is-style-alt"} -->
<div style="text-align:center" class="wp-block-genesis-blocks-gb-button is-style-alt gb-block-button"><a href="https://anchoredthemes.com" class="gb-button gb-button-shape-square gb-button-size-medium" style="color:#ffffff;background-color:#517F71">BUY NOW</a></div>
<!-- /wp:genesis-blocks/gb-button -->

Glutenberg Optimized Page

This is sample page built to show how editor can be used and how theme is optimized for gutenberg. If you want to have this page then please copy and paste below code to your page block editor and enjoy editing.

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">This theme is optimized with support for special features of the 
Gutenberg editor. This includes wide and full-width content blocks, 
block styling, custom colors, custom font sizes, and back end editor 
styling that matches the front end of your site.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">A full-width image</h2>
<!-- /wp:heading -->

<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=SvzPxtaQKgw
</div></figure>
<!-- /wp:embed -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Images,
 videos, galleries, and other content can also be presented in a wide 
block that extends beyond the central column at bigger screen widths:</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">A wide image</h2>
<!-- /wp:heading -->

<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">

</div></figure>
<!-- /wp:embed -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Your posts and pages can contain galleries, which are collections of images presented in one or more columns:</p>
<!-- /wp:paragraph -->

<!-- wp:columns {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-columns alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":475,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-1.jpg" alt="" class="wp-image-475"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":476,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-2.jpg" alt="" class="wp-image-476"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Galleries can use the full width, as above, or the wide block and regular content widths:</p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":477,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-1.jpg" alt="" class="wp-image-477"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":478,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-2.jpg" alt="" class="wp-image-478"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":479,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-3.jpg" alt="" class="wp-image-479"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":480,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-4.jpg" alt="" class="wp-image-480"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":481,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="http://localhost:10093/wp-content/themes/cuisine-recipe-theme/config/import/images/cuisine-recipe-theme-gallery-5.jpg" alt="" class="wp-image-481"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Video support</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://www.youtube.com/watch?v=SvzPxtaQKgw","type":"video","providerNameSlug":"youtube","responsive":true,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">

</div><figcaption>Your videos can also have captions. This video is by <a href="https://www.youtube.com/watch?v=SvzPxtaQKgw">BetsyLife.</a></figcaption></figure>
<!-- /wp:embed -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Or this video embedded from YouTube:</p>
<!-- /wp:paragraph -->

<!-- wp:html -->
<iframe src="https://www.youtube.com/embed/SvzPxtaQKgw" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="1280" height="720" frameborder="0"></iframe>
<!-- /wp:html -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Quotes</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">You can pull parts of your content into quotes, such as this one:</p>
<!-- /wp:paragraph -->

<!-- wp:quote {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<blockquote class="wp-block-quote has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"><p>Good
 design is as little as possible. Less, but better, because it 
concentrates on the essential aspects.&nbsp;Back to purity, back to 
simplicity.</p><cite>Dieter Rams</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Buttons</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Insert buttons as calls to action:</p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<div class="wp-block-group alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio"><!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://anchoredthemes.com" rel="https://anchoredthemes.com">BUY CUISINE RECIPE THEME</a></div>
<!-- /wp:button --></div>
<!-- /wp:group -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Content Boxes</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Style paragraphs with custom colors to call attention to text anywhere in your content:</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"wide","backgroundColor":"theme-secondary","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio has-theme-secondary-background-color has-background">This  is a sample paragraph text with a colored background. You can use this  to feature content, highlight something important, or provide a  call-to-action.&nbsp;<a href="https://cuisinerecipetheme.anchoredthemes.com/">Sample link.</a></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Headings</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio">Style headings from level one to six:</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h1 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 1</h1>
<!-- /wp:heading -->

<!-- wp:heading {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h2 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 2</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":3,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h3 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 3</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h4 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 4</h4>
<!-- /wp:heading -->

<!-- wp:heading {"level":5,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h5 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 5</h5>
<!-- /wp:heading -->

<!-- wp:heading {"level":6,"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<h6 class="alignwide wp-embed-aspect-16-9 wp-has-aspect-ratio">Heading level 6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<p class="has-text-align-wide wp-embed-aspect-16-9 wp-has-aspect-ratio"></p>
<!-- /wp:paragraph -->