main body text size

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/

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 :wink2:.

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

thanks for letting me know

:thumbsup: 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.

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.

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.php?main_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!

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.

christienicole:

I knew I needed to add the backslash at the end of links, but not imagesNormally 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>

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.php?main_page=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!!

just add the following to your stylesheet> h3.itemTitle {font-size:???}and tweak the bit highlighted in red.

thanks a bunch. It worked perfectly. Thanks everyone else for all your help:)

christie

alright, alright, just one more question. As I look around my site I'm finding other text I messed up, woops:)

anyone know where to change the text size for the login page?
http://bitsofstyle.com/store/index.php?main_page=login

thanks!

.inputLabel

And

.radioButtonLabel

thanks again. Any idea where to change the size of the titles on that same page?

http://bitsofstyle.com/store/index.php?main_page=login

thanks

Using FireFox with the Web Toolkit will help you a GREAT deal. Get a copy and get to know it. It will save you many hours of frustration.

Once the Web Toolkit is installed, you can click on Information in the Web Toolbar, then Display Element Information. A yellow box will appear that will give you the information you need about any item on the page.

In this case, all the items you are looking for are marked legend.

The Welcome, Please Sign In is #loginDefaultHeading

As dbltoe says, the web developer toolkit is invaluable. But often a quick look at the HTML that Zen Cart has generated and a ctrl-F to find the text that you want to style will reveal the tags available for styling and their hierarchy even more quickly. I then use the Edit CSS functon in the web developer toolkit to test the impact of CSS changes before commiting them to my stylesheet.

thanks, looking at the sorce helped me figure it out. I downloaded the program for foxfire and will have to play around with it later.

thanks again!!