There are several ways to add your own custom css styles to your pages.
The xtgem_template.css file is covered in the
Templates section Removing Xtgems css template
To remove the xtgem javascript css wrapper that restricts page width to 400px
Go to
settings ("panel" on web template) > site options > Auto-Include XtGem's JavaScript wrapper: > set to no
Then delete the file : xtgem_template.css
once you delete that file the original xtgem css file named
creator_template.css can be used
or
global_stylesheet.css
(only classes in global_stylesheet.css will appear in the class selector of the various building tool blocks)
or
you can create a .css file of any name and link it to your page with
<link type="text/css" rel="stylesheet" href="http://ADDRESS OF YOUR STYLESHEET"/>In either the<head> area of the page for individual pages
or the _headtags file for all pages.
Add your own extra css styles
You can add your own global (applies to all html pages) css to the global_stylesheet.css file
(web users can use the stylesheet editor to edit this file you can select it from the "open with.." option in the file properties)
You can create classes for the current page with the stylesheet editor
which is entered from the Stylesheet link in the building tool
(you can not style html tags directly with this tool only create classes which you can assign to html and text)
You can add css styles directly in your html tags by using
style="..." or you can assign a class using
class="..."
