Each template design has a set of default CSS Styles. Below are a couple of ways you can create your own CSS Styles.
1)
Upload a .CSS file
a) Click on "
File Storage" from the menu on the left in your COOLSite Admin, and upload a .CSS file by clicking on the "
Upload" button above and then
browse your computer to select the file to Upload, click "
Open" when done. After the uploading of your .CSS file is done, right click on the corresponding file and choose"
Get URL" and copy the URL shown in the pop-up window (ie: http://Storage1.Colony1.Net/xxxx/Content/FileName.css).
b) Click on "
Meta Tags" from the menu on the left in your COOLSite Admin
and add a Style Sheet path (see below) that includes your .CSS URL path (ie: the URL that you copied in the step above), in the "
HTML HEAD TEXT" box.
<link rel="stylesheet" href="
http://Storage1.Colony1.Net/xxxx/Content/FileName.css" type="text/css" media="screen" />
c) You can now call in these styles in the HTML of any page on your site (see example below).
<div class="home-table"> test </div>
2)
Add CSS Styles directly to the <HEAD> section of your website
a) Click on "
Meta Tags" from the menu on the left in your COOLSite Admin and add your style reference in the "
HTML HEAD TEXT" box (see example below).
Example 1
/* Custom CSS */
<style type="text/css">
.home-table {color:#000000; font-size:14px; font-weight:bold;}
.home-table a {color:#000000; font-size:13px;}
.home-table a:hover {color:#FC020C;}
</style>
Example 2
/* Custom CSS */
<style type="text/css">
.home-table a:link { color: #2233ff; }
.home-table a:visited { color: #6633ff; }
.home-table a:hover { color: #6666cc; }
.home-table a:active { color: #2233ff; }
</style>
b)
You can now call in these styles in the HTML of any page on your site (see example below).
<div class="home-table"> test </div>