lots of problems...text size, background etc

[durshley]

elisesuzanne.com

i was fiddling with my header background and suddenly the text size has gone miniscule for no reason. i've tried changing all the font sizes and nothing does anything.

also the background i want won't show up. i read a similar thread but the advice given didn't solve my problem.

this is what it currently looks like


body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: black;
background-image: url (../images/bgrd.jpg);
}

the bgrd.jpg image is in the templates/mytemplate/images/ folder

[JackA]

Not enough info here to really help. Your problem depends on other font size changes you may have made. I would suggest maintaining the body font size the way it was: 62.5%, since ZC is based on em sizes. Try resetting the body back to that and see what it does.

If you need more help, elaborate on "fiddling" and post the url of your site.

Tip: Use the Firefox browser and add the Firebug and Web Developer add-ons. Find the fonts you want to change and experiment before you make them in the stylesheet.css and make sure you backup your original stylesheet.css

I'd use SeaMonkey to make my stylesheet.css changes on the server if you know what you're doing, or do it locally first, assuming you are setup with ZC on your local machine. Caution: if you backup your stylesheet.css on the server, rename it OTHER than in your "mytemplate/css" folder or suffix it with something like ".original". Otherwise, it may be picked up as an added stylesheet, which is an option with ZC.

I am also new at ZC, so someone may have a better suggestion.

[dbltoe]

don't know if you've been working with the css but, your current body tag is

body {
background-color:#E5EDF5;
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:45%;
margin:0pt;
}

changing it to this will get the font back as JackA mentioned

body {
background-color:#E5EDF5;
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:62.5%;
margin:0pt;
}

typically, your problem arises when you add an image after the background-color call and forget to add the ending semi-colon (;). I did not see that in the example you sent but it didn't look like a direct copy of the CSS.