New Help Please

[kkgifts]

Hello, I am new to Zen Cart as well as creating websites. I have very basic HTML knowlege, but that isn't helping me very much here.

How do I change the size and color of the "sales message goes here" text. I figured out how to change it, and now I need to change the color and the size of the font, maybe even the style as well..... I am thinking that it is some where in the style sheet, css thing, but I am having trouble find out what to edit, and I don't want to mess it up by changing the wrong thing. What part exactly do I need to change?

Thanks for all the help.
Krista

[clydejones]

in your stylesheet.css find and change the following declaration:

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

[kkgifts]

I tried that and it didn't work. This is what I have now, but it is still grey and the same size.

#tagline {
color: #6699ff;
font-size: 4em;
text-align : center;
vertical-align: middle;
}

thanks
krista

[clydejones]

Do you have a url for your site so I could take a look.

[kkgifts]

Yes, Sorry it is KK GIFTS

[JohnsonY]

hmm do you edit the right css file? since without the url we can't go forward.
But there another way to do it without edit style sheet(not recommend)
go to your language folder find the "tagline here" then you can use HTML code to change the size of the text simple like

  define('HEADER_SALES_TEXT', '<font size="20">Tagline</font>');

or

  define('HEADER_SALES_TEXT', '<font style="font-size: 4em;">Tagline</font>');

[JohnsonY]

Yes, Sorry it is KK GIFTS

hey u didn't change the style sheet I check it and your css still showing

#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
}


the style sheet in

includes/templates/classic/css/stylesheet.css

[kkgifts]

I originally did change it, but put it back after it didn't work..

[kkgifts]

I went back to change it. It is now saying:

#tagline {
color:#006633;
font-size: 4em;
text-align : center;
vertical-align: middle;
}

And I will keep it there so you can see. It looks like the letters did get a little bigger, but they are still grey, and they should be a green color.

Thanks
krista

[JohnsonY]

Your size is fix now! then I tell you how to fix color :)

style sheet:

h1 {
font-size: 1.5em;
color: #9a9a9a;
}

you see the color ? cause when u view your html code you will see

 <div id="tagline"><h1>KK GIFTS</h1></div>

that mean KK GIFTS will also control by h1 on style sheet

so try to remove the <h1></h1>