Created: <%= themeCreated %>
By: <%= themeAuthor %>
Contact: <%= themeAuthorURI %>
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!
Basic thoughts on the design.
Description on how to customize the theme.
The <%= themeName %>-theme of course provides child-theme support.
If you want to change some css-styling. Following the WordPress child-theme guidelines, the child-themes style.css should begin like this:
/*
Theme Name: <%= themeName %> childtheme
Theme URI: http://example.com/
Description: Description <%= themeName %>
Author: John Doe
Author URI: http://example.com/john-doe
Template: <%= themeName %>
Version: 1.0.0
*/
@import url("../<%= themeNameSpace %>/style.css");
/******************************************************************************\
Theme customization starts here
\******************************************************************************/
If you would like to edit the color, font, or style of any elements
in one of these columns, you would do the following:
.primary a {
color: #someColor;
}
If you find that the new style is not overriding, it is most likely because of a specificity problem. Scroll down in the CSS file and make sure that there isn't a similar style that has more weight.
I.E.
.site .primary.page-content a {
color: #someColor;
}
So, to ensure that the new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after them.
Description of the HTML-structure of the theme.
All the themes CSS is compiled from SASS/SCSS stylesheets. You find them in the themes scss directory. The style.scss file is the main file, which gets compiled to the themes style.css file. It includes the underscored files in the same directory, which each handle a separate part of the layout. The names should be self-explaining, however a short overview in including order follows.
To compile the SCSS files use a precompiling tool. This theme has been build with help of grunt and provides a basic grunt-configuration. So if you are using grunt you can start right away, after reading the grunt section.
Description of the themes fonts.
The following JavaScript files/frameworks are used bby this theme.
This theme provides a basic grunt configuration. All grunt related assets like the gruntfile.js and the package.js are placed in the grunt directory.
I assume you are familiar with nodejs, npm and grunt and have it up end running, otherwise: start here.
To setup grunt for this theme, go to the grunt directory and run
npm install --save-dev
That will install all needed node modules in grunt/node_modules. After the installing process is done, you can manage the following available tasks, by running these commands:
We've used the following third party scripts and tools.
Once again, thank you so much for purchasing this theme. As said at the beginning, we'd be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do our best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking the question in the "Item Discussion" section.
<%= themeAuthor %>