An introduction to support on Envato Market

  • Envato staff look over every item before it can be sold on Envato Market.
  • Technical items contain help files to introduce you to the item and its components.
  • Authors can choose to support their items but this is optional and may vary.

Hands-on support for this item is provided by Bebel

They will respond to buyers' questions via their own support system.

Go to item support

Additional information from Bebel:

In order to get support, you will have to register for our forum.

Common WordPress Installation Issues

Missing style sheet error when installing the theme

A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

Frequently Asked Questions

How do I change the font? It will not render properly in my language! / I don’t like it!

If you want to change the font we included in the theme, you will have to do the following steps. The reasons for changing the font can be various: you might want to change the font type, or you language requires characters the font does not support.

The system we use is called ”@font-face”, based on CSS. There is also a system of called cufon, which we used in earlier themes and is based on javascript (but you will not find any of this in this theme).

This being said, lets start modifying the font. First of all, you have to select a new font you want to use. Try finding a font that uses the characters needed by your language. The best is to search in your local fonts folder or online in different font directories. Please pay attention to the license, as many fonts can not be used in the web. If you found one that fits your needs, we can start the processing. Go to http://www.fontsquirrel.com/fontface/generator

You can upload the font you want to use with the upload button. If you are an experienced user, you might adjust the settings, but for most uses, the default settings are just fine. After agreeing to the terms and conditions, download the file. You will get a zip file with several files in it. You need the font files. Copy all the files with the endings eot, svg, ttf and woff into the theme’s css/font folder.

As you want to override our fonts, you wil, have to adjust some values in the CSS, thus in global.css, you might think. But this will break update compatibility. If we release a new version with new or modified styles, you will have to redo your changes. That’s why there is as file called custom.css. Open it in your text editor and also open global.css. In global.css you will find at the top of the file following code:

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('font/titilliumtext22l003-webfont.eot');
    src: url('font/titilliumtext22l003-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titilliumtext22l003-webfont.woff') format('woff'),
         url('font/titilliumtext22l003-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('font/titilliumtext22l001-webfont.eot');
    src: url('font/titilliumtext22l001-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titilliumtext22l001-webfont.woff') format('woff'),
         url('font/titilliumtext22l001-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('font/titilliumtext22l005-webfont.eot');
    src: url('font/titilliumtext22l005-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/titilliumtext22l005-webfont.woff') format('woff'),
         url('font/titilliumtext22l005-webfont.ttf') format('truetype'),
         url('font/titilliumtext22l005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AngelinaRegular';
    src: url('font/angelina-webfont.eot');
    src: url('font/angelina-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/angelina-webfont.woff') format('woff'),
         url('font/angelina-webfont.ttf') format('truetype'),
         url('font/angelina-webfont.svg#AngelinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

They have to be overriden. This is a bit more complicated but should be easy to achieve. One Of the files you extracted from the zip file from font-squirrel is called stylesheet.css Open it and copy its content into the theme’s css/custom.css file. The code in stylesheet.css (the one you downloaded from font-squirrel) will look like this (I used arial for this tutorial):

@font-face {
    font-family: 'ArialBold';
    src: url('arial_bold-webfont.eot');
    src: url('arial_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('arial_bold-webfont.woff') format('woff'),
         url('arial_bold-webfont.ttf') format('truetype'),
         url('arial_bold-webfont.svg#ArialBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

After copying this into css/custom.css, you will have to adjust the pathes. Change everything to (you have to put font/ in front of the file’s name):

@font-face {
    font-family: 'ArialBold';
    src: url('font/arial_bold-webfont.eot');
    src: url('font/arial_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arial_bold-webfont.woff') format('woff'),
         url('font/arial_bold-webfont.ttf') format('truetype'),
         url('font/arial_bold-webfont.svg#ArialBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

To make it easy, you can search for url(’ and replace it with url(‘font/

Next step: You will have to override the fonts we have. For this, search for the font-family part in the fonts in global.css of the font you want to change. For example:

@font-face {
    font-family: 'TitilliumText22LRegular'; <-- this part
}

now, copy the name and put it in the custom.css by overriding the name of the font you just copied in there, so you will eventually get:

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('font/arial_bold-webfont.eot');
    src: url('font/arial_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arial_bold-webfont.woff') format('woff'),
         url('font/arial_bold-webfont.ttf') format('truetype'),
         url('font/arial_bold-webfont.svg#ArialBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

When you are done, you can uploawd everything to your server, and it will the new font will be displayed.

When to contact Envato Support

Authors are experts on their own items, but if you're having trouble using Envato Market you should come straight to Envato Support.

by
by
by
by
by
by