main body text size

[christienicole]

I'm having problems changing the size on the basic text (in the center of the page). Is this in the stylesheet or elsewhere. I've looked everywhere. Could my code be missing something?

thanks for any help!

the site is at:
http://bitsofstyle.com/store/

[kuroi]

Thanks for posting the link, but unfortunately you seem to have a divert on it, so that it won't stay up long enough for us to look at the problem before bouncing us to your site's home page .

[christienicole]

woops:) sorry, forgot to take it off "down for maintenance"

thanks for letting me know

[dbltoe]

You're using the template_default! Looking good.

Your text size is controlled in the stylesheet BUT, your text is presented as a GIF file!

Also, you have small errors in the stylesheet on lines 12 and 16. Margin needs to know 10 of what, and your background-color needs to have six F's for the color.

[kuroi]

As dbltoe has rightly said, you can't change the text size because it's actually an image. I can understatnd this for the headings, but it seems a bit unnecessary for the main text.

Also the images that you have inserted are not XHTML compliant. Specifically they are not closed. For XHTML tags must be closed. This can be done in two ways. Either as a pair e,g,

<a ....>something in between</a>

or (and this is common for images) and a closed tag e.g.

<img ..... />

That slash at the end is important for two reasons. Firstly it allows your XHTML to be validated, without which you can't validate your CSS, a good way of picking up errors and problems. And secondly, because there is no guarantee that future versions of browsers will correctly display invalid tags, so valid XHTML will hopefully stop your site from breaking in the future.

[christienicole]

Thanks for letting me know about closing images. I knew I needed to add the backslash at the end of links, but not images, so thanks.

As for the text, the text I need to enlarge is what shows up on pages such as http://bitsofstyle.com/store/index.p...page=page&id=4 (or other links along the bottom)

And, The text on the intro page is an image, since I wanted it to not be arial or verdana.

So anyone know where I need to change the basic text size?

Dbltoe - thanks for noting that I didn't type the color in correctly. What did you mean by? "Margin needs to know 10 of what, and your background-color needs to have six F's for the color." I thought that margin was for around the main body of the page. I'm trying to getting the main box to sit lower down from the top of the screen, is there a way to do that?

thanks for all the help so far!

[clydejones]

Dbltoe - thanks for noting that I didn't type the color in correctly. What did you mean by? "Margin needs to know 10 of what, and your background-color needs to have six F's for the color." I thought that margin was for around the main body of the page. I'm trying to getting the main box to sit lower down from the top of the screen, is there a way to do that?

I think he meant you have to tell the margin whether it is 10px, 10em, 10pt or 10%.

So anyone know where I need to change the basic text size?

In your stylesheet.css find the following:

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 1em;
	font-size: 1.2em
}

and add the portion in red.

[kuroi]

I knew I needed to add the backslash at the end of links, but not images

Normally a link will have a closing tag and so doesn't need a backslash at the end of the opening tag. For example

<a class="linkclass">link text</a>

[christienicole]

thanks for all the help. I was able to solve both the text size and the margin at the top:)

If you don't mind one more question, I somehow messed up the size of the product name on the listing page (for ex: http://bitsofstyle.com/store/index.p...=index&cPath=1) I'm trying to make the size of the text under the images smaller, but can't figure out where to change it.

thanks!!

[kuroi]

just add the following to your stylesheet

h3.itemTitle {font-size:???}

and tweak the bit highlighted in red.