THEMES GENERATOR
DOCUMENTATION
Check this useful information about how Themes Generator works.
BUTTONS
Device buttons
To create responsive layouts, click on the desktop, tablet and mobile icons to see how your design looks in the different devices and make the necessary changes.
Main menu buttons
From left to right, these are the functions of the icons above:
Top right buttons
From left to right, these are the functions of the icons above:
BLOCKS
Basic blocks
Here you can see the detailed description of every block:
Layout blocks
Here you can see the detailed description of every block:
WordPress blocks
Here you can see the detailed description of every block:
Extra blocks
Here you can see the detailed description of every block:
Scroll animation container
Drag out the animation block and replace the content with your own. If you want to center the animation block, click on its parent and use typography alignment options, like you should do with any other element with display property "inline" or "inline-block" (text and images have this property value).

The animation by default is "fadeInUp". To change the animation, delete the class "fadeInUp" and create a new class by clicking on the + button. That new class name must be an element from the list below. Be careful, you need to type the name exactly as seen in the list below, since the classes are case sensitive. You need to export your theme into WordPress to view the animations.

Animation list: bounce, flash, pulse, rubberBand, shake, headShake, swing, tada, wobble, jello, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, hinge, jackInTheBox, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp, slideInDown, slideInLeft, slideInRight, slideInUp, slideOutDown, slideOutLeft, slideOutRight, slideOutUp, heartBeat.
IMAGES
How do I add images?
Drag the image block to the canvas and double click it to upload your image.
How do I center images?
There are two ways to center images:
How do I add a background image?
Click on the container and go to Decorations tab. Add an image by clicking on the plus button near background. Open the layer and click on "image" to add your pictures. 
How many layers can I add to a background image?
You can add many layers. You can add a colored layer with an opacity to create a filtered effect on your background image. You can also combine several colored layers to increase the opacity and create different filter colors.
How do I create a parallax effect with a background image?
Go to Decorations and open the image layer. In "Background attachment" select Fixed.
How do I set up the favicon of my exported theme?
Once you have installed your Wordpress theme, go to Appearance -> Customize -> Site identity and select or upload any image.
STORAGE
Image storage
Local storage
Modern web applications store data locally within your browser. This means that your browser will automatically save your design and it will be available the next time you open your browser. Anyway, Themes Generator allows you to save your designs in local TXT files, so if you change your browser or computer, you can easily open it.
Added from URL images
Also use local storage. This means that your browser will automatically save your images in the image gallery and they will be available the next time you open your browser. If you change your browser, your added from URL image will not be present in the media gallery. We recommend you to use the same browser when designing your theme. 
LINKS
How do I link images, buttons and other elements?
You should first add a Link block (inside Basic blocks) and then place the image or button inside it. When you are done placing the element inside, click on the link box and scroll down your style manager until you reach the "Component settings" tab to assign properties such as href, title and target.
How do I link text?
You can add a link to a text with the simple editor. Select the text that you want to link and some editing options will appear over the text block. Click on the link icon and it will create a link. Now click outside the text block and back to the desired linked text. You will see that a smaller box surrounds the text. Once done, scroll down the style manager until you reach the "Component settings" tab. You can assign properties such as href, title and target.
How do I select what Wordpress menu is shown in my theme?
The Themes Generator NAVBAR block content will be replaced by a Wordpress menu when you install your exported theme. You can manage the Wordpress menus under Appearance -> Menus. The Wordpress menu in the first position of the list will be the one that appears in your theme. That means that if you only have one menu, it will appear in your theme. If you have two or more menus, the first one will be the chosen one. Since Wordpress does not allow you to reorder the menu list, you can keep multiple menus and rotate them to stay at the first position by using a free plugin called "Clone Menu".
EXPORT THEME TO WORDPRESS
Why is it required to place a header and footer separator?
You must add a header and footer separator to convert your theme into WordPress. But do not worry, the bars are only visible in your workspace and they will not show once you convert your template into WordPress.
Where should I place the header and footer separator?
You should place the Header separator below your header, and the footer separator just before your footer starts. The separators should not be inside any other container, they should be placed inside the body itself. 
How do I export my theme into WordPress?
Click on the Export icon on the top right menu and a .zip file will download. In WordPress, instal the .zip file like other themes in Appearance->Themes.
What does the exported .zip file contain?
The .zip file contains all the converted files ready to be installed into WordPress. Also, a backup file named themes-generator-theme.txt is included. You can make changes in the future by opening this file in Themes Generator.
What is the size limit of the exported .zip file?
The maximum size per image is 5 MB and the maximum size of the .zip file is 20MB. If you exceed these sizes, the files will appear but the images will be empty.
THEMES GENERATOR
Where can I subscribe to Themes Generator?
Follow this link to become a premium Themes Generator user.
Is Themes Generator compatible with WooCommerce?
I am afraid that it is not yet compatible. You would need PHP coding knowledge to make it compatible.
How do I know if the themes created in Themes Generator are compatible with my version of WordPress?
Easily! Themes generator is compatible with WordPress 4.7 and up.
I am a free user and I want to upgrade. How can I do it?
Sure! Follow this link to purchase Premium/pro subscription. Once the payment is completed, you will be automatically upgraded. In Themes Generator, logout and log back in to make it effective.
Will all the images added from URL still be there once I upgrade?
Yes, all the images added by URL will still appear under that category.
 USE THEMES GENERATOR FOR FREE
Get started with Themes Generator for free. Click on the button below to create your free account in Resposive Muse. 
FREE ACCOUNT