Empyrean
Theme Info
User Guide
Getting Started with Empyrean is incredibly easy, just follow the steps below.
-Empyrean is a fixed width theme as well as a responsive theme so select in the width options what you would like to use, also select a responsive or fixed option in the header section to match your choice
-Use one of the many built in theme styles in the theme to style your site
-Select your font choices, text size and decide weather you would like a sidebar
You are good to go!
-Empyrean is a fixed width theme as well as a responsive theme so select in the width options what you would like to use, also select a responsive or fixed option in the header section to match your choice
-Use one of the many built in theme styles in the theme to style your site
-Select your font choices, text size and decide weather you would like a sidebar
You are good to go!
How do I know when to update?
First you need to find out what version you currently have, to check your version please visit Page Info > Styles which can be displayed below. 
If your version is less than the current version which is 1.0.0 then please re download and re install Empryean using your download link in your email upon purchase.
I also send out emails to all customers who purchased Empyrean alerting them that there is an update available as well as all the information on how to download and install the update.
How do I find my lost download link?
Please visit this
link and enter your details to be resent your invoice which includes your download link.
How do I modify my Theme?
Modifying your theme requires knowledge of HTML and CSS, if you need help changing anything within your theme please get in touch
here and I would love to help you with basic mods.
Where do I send feature requests?
I am always looking for ways to update and improve my themes so I would love to hear your thoughts. Please send them in using the contact form on the contact page
here Responsive iFrame's and Embeds are built into the Empyrean theme so you can use them very easily. Insert your embed code inside of these two tags
<div class="embed-contain"> </div>
It is easy to insert a custom banner image, if you would like to insert a custom banner image without any code I highly recommend purchasing RW Muiltitool to change the banner image.
The best way to change the banner image within RapidWeaver is to add your banner image to the resources in RapidWeaver. Then copy and past the code below into Page Info -> Header -> Custom CSS replacing the INSERT RESOURCE LINK with your resource. Job Done!
The best way to change the banner image within RapidWeaver is to add your banner image to the resources in RapidWeaver. Then copy and past the code below into Page Info -> Header -> Custom CSS replacing the INSERT RESOURCE LINK with your resource. Job Done!
Font Awesome is a free library of over 300 icons in font form. It is built into the theme and it is very easy to utilize.
Visit the font awesome site here and select and icon from the extensive list. Copy the name of the icon and put it in this line of code replacing the "XXX"
Remember to highlight the code and go to Format -> Ignore Formatting so rapidweaver will process the code.
You can also manipulate the icons as they are font such as color and text size using css, just add "style="color:red;"" into the opening tags along with your other style options.
You can also manipulate the icons as they are font such as color and text size using css, just add "style="color:red;"" into the opening tags along with your other style options.
<i class="XXX"></i>
The header height can be changed between 500px, 400px, and 300px. There is also selections for responsive headers and fixed. This needs to match your selection of responsive or fixed widths. If they don't match you will see some bad results so make sure they both match
The UI Kit is an open source responsive framework, I used this framework in Empyrean because it creates a wonderful fast backend for the website and it provides you with some awesome features to use in your theme. For some examples of what you can do with UI Kit check out this page on their site.
Inserting it into Empyrean is incredibly easy, just drop the HTML code into your page and UI Kit does all the work, you have all these amazing features at your fingertips.
If the code is not displaying make sure you highlight the text go to format -> Ignore Formatting.
Inserting it into Empyrean is incredibly easy, just drop the HTML code into your page and UI Kit does all the work, you have all these amazing features at your fingertips.
If the code is not displaying make sure you highlight the text go to format -> Ignore Formatting.
My menu bar is dropping below the slogan on the top bar
The theme was designed to have the title inline with the slogan and logo, because of this they have to share the width of the top bar. If the menu and logo/slogan clash then it causes the menu bar to drop down below them.
There is two ways you can fix this, you can increase the width of the page, or lower the size of the slogan or icon. The really depends on a case by case basis on which works best for you. If you need more help with this send me over a link to your site and I will take a look!
There is two ways you can fix this, you can increase the width of the page, or lower the size of the slogan or icon. The really depends on a case by case basis on which works best for you. If you need more help with this send me over a link to your site and I will take a look!
The footer isn't sticking to the bottom
This is a rare bug that can pop up, it is easily fixed by adding padding to the bottom of your content to push it down or re-size your browser window and it will fix its self.
