Frequently Asked Questions

Installation & Upgrade

Missing style sheet error when installing the theme

 
 
This error message does not mean that the theme is broken, it simply means it has been uploaded incorrectly.

Please follow the steps below to rectify this issue:

1. Download the final zip file from your downloads page.
2. Unzip the final theme package; you should now have a final download folder.
3. Do NOT upload the final download folder. Open up the final download folder.
4. Browse the contents and find the actual theme folder i.e. retro. (If you look inside the theme folder, you will see a “style.css” file. This is how you know you have found the theme folder.)
5. Using an FTP client, upload ONLY the theme folder to your ../wp-content/themes/ folder.
6. Login to your WordPress admin panel and activate the theme.

 
to Top
 

How to update my current theme to the latest version?

 
 
First of all, you need to find out what current theme version is installed. You can check it in your Dashboard -> Appereance -> Themes -> Theme Details.

There are 2 ways updating the theme:

1. Via FTP

• Download theme package using your TF account.
• Unzip it and re-upload theme folder via FTP.
• Don’t forget to make a backup.

2. Directly from your admin panel (Theme Options -> Theme Updater)

• Place your TF username in a Marketplace Username field.
• Place your API key into Secret API Key field. (Get Marketplace API*)
• Save changes

Once a new theme version is approved on Themeforest you will see a notice in your dashboard under the Updates section and have the ability to update the theme.

Installing Dummy Content issues.

 
 
1. After clicking INSTALL DUMMY CONTENT button nothing happens.

• Check WordPress File Permissions. They should be set to 644 and directories to 755.
• This may happen in a Safari browser, so use Google Chrome instead.
• Deactivate all of your third party plug-ins in order to determine what may cause this problem.

2. Installation process never ends.

• This issue is related to a server configuration. You need to increase the next values in a php.ini file: memory_limit, max_execution_time, upload_max_filesize.
  If you are not able do this on your own please, ask the administrators of your hosting provider for assistance.

3. How to remove installed dummy content?

• Unfortunately it’s not possible to do this easily. You need to remove all installed posts, pages, sidebars, etc… manually.

Settings

How can I set a home page?

 
 
Navigate to Settings -> Reading section in your admin panel and choose to display posts or a static page as your front page.

More info can be found in WordPress Codex: Settings Reading Screen.
 
to Top
 

How to turn off responsive layout?

 
 
Navigate to Theme Options -> General and set “Disable responsive” option to ON.
 
to Top
 

How to translate this theme?

 
 
There are 2 ways translating this theme:

1. Using a poEdit tool:

• Open en_US.po file in root of a theme directory using this tool
• Use search to find strings or words you need to translate and make translation
• Save file in your language e.g. es_ES.po (Spanish)
• Activate your language under the Settings -> General section in your admin panel.

More info can be found here: Translating With poEdit.
 
 
2. Using Loco Translate plug-in:

• Install and activate this plug-in
• Navigate to Tools -> Manage Translations in your admin panel
• Click “New Language” and choose the necessary language from a dropdown
• Search for strings or words you need to translate and make translation
• Generate .mo file by saving your changes
• Activate your language under the Settings -> General section in your admin panel.

More info can be found here: Loco Translate
 
 
3. Using Codestyle Localization plug-in:

• Install and activate this plug-in
• Navigate to Tools -> Localization in your admin panel
• Scroll down to a theme (it will be highlighted) and add new language
• Re-scan it and press edit
• Search for strings or words you need to translate and make translation
• Generate .mo file
• Activate your language under the Settings -> General section in your admin panel.

More info can be found here: Codestyling Localization

Content Setup

How to remove author box from my posts?

 
 
Navigate to Theme Options -> Blog in your admin panel and set “Disable about author box” option to ON.
 
to Top
 

How to remove comments from my posts/pages?

 
 
1. Disable comments globally

• Navigate to Settings -> Discussion in your admin panel.
• Uncheck “Allow people to post comments on new articles” option.

2. Disable comments on a single post/page

• Go to edit the necessary post/page.
• Click on a “Screen Options” tab at the top right corner of your screen.
• Check “Discussion”.
• Scroll down to Discussion metabox.
• Uncheck “Allow comments” option.

More info can be found in WordPress codex: Comments in WordPress.
 
to Top
 

How to remove white border from images in a post/page?

 
 
You need to switch into a Text mode in your editor and remove imgborder class from image link.
 
to Top
 

How to change portfolios and posts order?

 
 
You need to simply change publishing date of your post.
 
to Top
 

How to add 4 boxes in content like on your home page?

 
 
These boxes are called teasers. You can see Insert Teaser and Columns shortcodes icons in a Visual mode of your editor.
 

• Add columns into content using shortcodes like this:

[one_fourth] [/one_fourth]
[one_fourth] [/one_fourth]
[one_fourth] [/one_fourth]
[one_fourth last=last] [/one_fourth]

• Add teaser shortcodes between columns shortcodes like this:

[one_fourth] [teaser url="#" title="My 1st teaser" src="#" target="_blank" excerpt="Some content goes here..." ]learn more...[/teaser] [/one_fourth]
[one_fourth] [teaser url="#" title="My 2nd teaser" src="#" target="_blank" excerpt="Some content goes here..." ]learn more...[/teaser] [/one_fourth]
[one_fourth] [teaser url="#" title="My 3d teaser" src="#" target="_blank" excerpt="Some content goes here..." ]learn more...[/teaser] [/one_fourth]
[one_fourth last=last] [teaser url="#" title="My 4th teaser" src="#" target="_blank" excerpt="Some content goes here..." ]learn more...[/teaser] [/one_fourth]

 
to Top
 

How to add small text under menu items like on your website?

 
 
This is description of a menu item.

• Navigate to Appearance -> Menus
• Click on a “Screen Options” tab at the top right corner of your screen
• Check “Description”
• Open a menu item to edit
• Paste the necessary text into a “Description” textarea

 
to Top
 

How to add specific category into menu?

• Navigate to Appearance -> Menus
• Click on a “Screen Options” tab at the top right corner of your screen
• Check a post type category you need to add
• Find the necessary category in the left sidebar and add it to your menu

 
to Top
 

I don’t see shortcodes in my editor. Why?

 
 
Probably they are hidden by default. You need to click on a Toolbar Toggle button in a Visual mode of your editor and shortcodes will expand.
 
to Top
 

I don’t see titles on my posts/pages. Why?

 
 
Probably a global slideshow is enabled under the Theme Options -> Slideshows. As a page title takes the same area as a slideshow does, it becomes hidden.
You need to simply disable global slideshow.
 
to Top
 

How to make YouTube/Vimeo embed video scale proportionally on mobile devices?

 
 
You should switch into a Text mode of your editor and wrap the iframe code with <div class=”video-container”> </div> tags.
 
to Top
 

Other

How to add breadcrumbs into this theme?

1. You need to install and activate WordPress SEO by Yoast plug-in.
2. Edit ../title.php file and add styles as suggested in this thread: Breadcrumbs.
3. Navigate to SEO -> Internal Links in your admin panel and check “Enable Breadcrumbs”.

 
to Top
 

How to troubleshoot a problem?

 
 
1. Check our live preview if the issue also replicates there: www.retro.olegnax.com.
2. Make sure you are using the latest theme version

• We keep info about theme updates on our help forum here: Retro Updates.
• Navigate to Appearance -> Themes and click “Theme Details” to check your current version.

3. Deactivate all of your third party plug-ins in order to determine what may cause this problem.
4. Clear cache in your browser and in a cache plug-in (if it’s activated) after applying changes or updates.
5. Switch to an original theme and check if your changes doesn’t affect Retro theme functionality or styles in case you are using a Child Theme.
6. Check permissions of your WordPress files. They should be set to 644 and directories to 755. More info can be found here: WordPress Permissions.

If non of the above helps please, register and post your issue on our help forum here: Retro – Premium Vintage WordPress Theme.
 
to Top
 

How can I get refund?

• We are only the authors on Envato marketplace and provide technical help for our theme only.
• All questions regarding billing, refund etc. should be addressed to Envato Support.
• You may also check their Knowledgebase.

It is not easy to get refund, because there should be a good reason.
We suggest you to ask presale questions first, to make sure that this theme will fit your needs instead of asking for refund in future.
 
to Top
 

Where can I find my secret API Key?

 
 
You can find this info here: Envato Market API.
 
to Top
 

Where can I get my purchase code?

• Switch to a Downloads tab at your Themeforest account.
• Find Retro – Premium Vintage WordPress Theme.
• Click on a “Download” button and select License certificate & Purchase Code.
• Open the downloaded certificate using your favourite text editor.
• Search for an “Item Purchase Code” field.

 
to Top
 

Where can I check the changes implemented in the theme updates?

 
 
You can check this info on Themeforest at the very bottom here: Retro – Premium Vintage WordPress Theme or on our help forum here: Retro Updates.
 
to Top
 

CSS Tweaks

How to remove shadows and content color patterns in this theme?

 
 
1. First, you need to remove/change patterns under the Theme Options -> General/Header/Footer sections.

2. Here are some CSS rules that should be helpful in order to remove shadows and color patterns that cannot be changed from the Dashboard.

These rules should be placed into a Custom Styles area under the Theme Options:

/*** Remove Body Shadow ***/
.container-shdow { box-shadow: none; }

/*** Remove Top Header Shadow ***/
.no-android .container-top-tail { box-shadow: none; }

/*** Remove color patterns between menu and slider ***/
header:after, header:before { background: none repeat scroll 0 0 transparent; }

/*** Remove Shadow from slider navigation box ***/
.tp-bullets { box-shadow: none; }

/*** Remove color pattern from slider navigation box ***/
.tp-bullets:before { background: none repeat scroll 0 0 transparent; }

/*** Remove Page Title color pattern ***/
#pagetitle:after { background: none repeat scroll 0 0 transparent; }

/*** Remove Content shadow ***/
.no-android .main-bg { box-shadow: none; }

/*** Remove Content color patterns ***/
.main-shadow:before, .main-shadow:after, .main-pattern-line-right, .main-pattern-line-left { background: none repeat scroll 0 0 transparent; }

/*** Remove Additional Bottom Content color pattern ***/
.main-bottom:after { background: none repeat scroll 0 0 transparent; }

/*** Remove Footer shadow ***/
.no-android .footer-area { box-shadow: none; }

/*** Remove Footer Custom Content color ***/
footer { background-color: transparent; }

 
to Top
 

How to change content font size?

 
 
Add the next rule to your custom styles under the Theme Options:

body { font-size: 16px; }

 
to Top
 

How to change menu font-size?

 
 
Add the next rules to your custom styles under the Theme Options:

/*** Main Menu items ***/
.sf-menu > .menu-item > a { font-size: 28px; }

/*** Sub Menu items ***/
.sf-menu .sub-menu > .menu-item > a { font-size: 20px; }

/*** Menu description ***/
.sf-menu > .menu-item > a span { font-size: 20px; }

/*** Mobile menu title ***/
.navigation-title a { font-size: 28px; }

 
to Top
 

How to remove “View” label from images?

 
 
Add the next rules to your custom styles under the Theme Options:

/*** Images added into content ***/
.lightbox-zoom { display: none; }
/*** Correct image border ***/
a.lightbox { padding-bottom: 9px; }

/*** Medium & Small portfolios ***/
.portfolio-zoom { display: none; }
/*** Correct portfolio image border ***/
.portfolio-lightbox { padding-bottom: 8px; }
.portfolio-lightbox-small:hover { padding-bottom: 12px; }

/*** Big portfolios ***/
.portfolio-area-zoom { display: none; }

 
to Top
 

How decrease page title section and font-size?

 
 
Add the next rules to your custom styles under the Theme Options:

/*** Decrease page title font-size ***/
h1.page-title { font-size: 35px !important; }

/*** Decrease page title section ***/
#pagetitle { padding-bottom: 14px; padding-top: 6px; }

 
to Top
 

How to change background color of the menu?

 
 
1. Add the next rules to your custom styles under the Theme Options:

/*** Menu background color ***/
.nav-block, .menu-fix-bg { background-color: #add8e6; }

2. After applying these rules, you should also change some menu related patterns. Use any image editor to do this:

• Menu Top pattern

../images/skin/skin#/nav-tail-top.png

• Menu Bottom pattern

../images/skin/skin#/nav-tail-bottom.png

• Left ribbons

../images/left-rib.png
../images/left-ribbon.png

• Right ribbons

../images/right-rib.png
../images/right-ribbon.png

* “#” in /skin#/ path means the number of theme skin you’ve chosen under the Theme Options -> Theme Skin
 
3. If you need to remove all menu patterns completely, use these rules:

/*** Remove menu patterns ***/
.nav-block, .nav-block-indent, .nav-block-ribbon::before, .nav-block-ribbon::after,  .nav-block-indent::before, .nav-block-indent::after { background-image: none; }

 
to Top
 

How to remove content section patterns?

 
 
1. Navigate to Theme Options -> General section in your admin panel and delete “Content pattern image”
 
2. Add the next rules to your custom styles under the Theme Options:

/*** Remove content side patterns ***/
.main-pattern-line-left, .main-pattern-line-right, .main-shadow::before, .main-shadow::after { background-image: none; }

 
to Top
 

WooCommerce

How to activate shop in this theme?

 
 
Install and activate WooCommerce – excelling eCommerce plug-in.

• Install WooCommerce default pages.
• Create your products and assign them to categories.
• Manage shipping, coupons, orders, reports.
• Manage your store settings.

More info about the settings can be found in WooCommerce documentation.
 
*If you don’t want to manage your shop from the scratch, Woo team provides dummy content for this: Importing WooCommerce Dummy Data
 
to Top
 

How to show/hide login/register links in header?

 
 
There is an option to show/hide “My Account Link” under the Theme Options -> Header.
It will be available once WooCommerce plug-in is installed and activated.
 
to Top
 

How to show/hide shopping cart in header?

 
 
There is an option to show/hide “Shopping Cart” under the Theme Options -> Header.
It will be available once WooCommerce plug-in is installed and activated.
 
to Top
 

How to change the number of columns in a catalog?

 
 
The number of columns depends on a thumbnail size applied under the WooCommerce -> Settings -> Products tab.
Changing these dimensions you get the number of columns that suits you most.
 
to Top
 

How to enable “Sale” lable on products?

 
 
You need to install and activate WooCommerce New Product Badge plug-in.

Navigate to WooCommerce -> Settings -> Products tab and apply “New Badge” settings that will fit your needs.
 
to Top
 

How to set sidebar and layout for WooCommerce pages?

 
 
Global sidebar and its position for single products and catalog pages can be applied under the Theme Options -> WooCommerce section.
These settings can be overridden directly while adjusting a single product or its category.
 
to Top