Cascading Style Sheets
Before You Begin
The instructions documented on this page assume that you have some basic knowledge of HTML and CSS. If your changes result in a "broken" layout, you may request a quote from Silostock. Proceed at your own risk!
Note that you may need to clear your browser's cache to see the updated styles.
How do I change the color of the maroon bar at the top of the page?
1. Go to your site Dashboard
2. Under the Design menu, choose Global Stylesheet
3. Find the below text
div#header{
width: 780px;
border-top: 8px solid #660000;
background-color: #fff;
}
4. Change #660000 to the desired Color HEX value
5. Save your changes
6. Go to Review Changes
7. Preview and accept your changes to the Global Stylesheet.
How do I change the color and/or size of my headers?
1. Go to your site Dashboard
2. Under the Design menu, choose Global Stylesheet
3. Find the below text. The header styles are listed in order from largest (h1) to smallest (h3).
h1{
color: #000;
font-size: 24px;
}
h2 {
color: #660000;
font-size: 18px;
}
h3{
color: #333333;
font-size: 16px;
}
4. Change #000, #660000 or #333333 to the desired Color HEX value
5. Save your changes
6. Go to Review Changes
7. Preview and accept your changes to the Global Stylesheet.
How can I remove the block under the active navigation link?
1. Go to your site Dashboard
2. Under the Design menu, choose Global Stylesheet
3. Find the below text -
.mainnavbuttonon{
color: black;
font-weight: bold;
border-right: 1px solid white;
border-bottom: 30px solid #F6DEDE;
}
4. Delete the border-bottom setting
border-bottom: 30px solid #F6DEDE;
5. Save your changes
6. Go to Review Changes
7. Preview and accept your changes to the Global Stylesheet.
