I have been searching the treads and many seem to need help editing style sheets. Are there some definitive posts for how to edit?
For example, I have this page with lots of text: http://www.pbase.com/dbdors/image/90825733
But the text goes from edge to edge. I really would like the text to be shifted about 1/2 - 1 inch from each edge, both left and right. I don’t want the test centered, but all indented.
I found a couple of suggestions for text margins like:
BODY
{
width:760px;
margin-left:auto;
margin-right:auto;
or this
.galleryheader
{
padding:50px;
}
I'm using the Alec template, and think I know how to get to the page to edit it, but I'm not clear on where and what needs to be pasted into the style sheet to get the result I want. Do I add the above at the beginning, or end? I already have the word "Body" in my sheet to I remove it and add with the inserts above.
I just plain have no clue what I'm doing.
This is what I have in my current style sheet:
<setvar color2 = black>
<setvar color7 = #dddddd>
<setvar color4 = #d5ae83>
<setvar color1 = #888888>
<setvar color6 = #5b80b7>
<setvar color3 = #5865e1>
<setvar color5 = #5068e3>
DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: arial,helvetica,sans-serif;
color : <getvar color1>;
background : <getvar color2>;
{
A:link { color : <getvar color3>}
A:active { color : <getvar color4>}
A:visited { color : <getvar color5>}
A:hover { color : <getvar color6>}
.caption {
font-size : 9pt;
color : <getvar color7>;
font-style : italic;
}
Where do I add the suggested inserts and will these inserts work for what I need.