Nothing in forums on how to change colour, font and size of sales message goes here

[Sushigal]

Hi there, I know how to remove 'sales message goes here' but I've heard not having it isn't a good idea for search engines so I've come to the conclusion I need to have it, I know how I can make it read what ever I want but no where in the forums can I see how to change it's colour or font or font size (without affecting text in other parts of the site) as I am perfectly happy to have the sales message if I can edit it so it fits in with my background header image design and colour scheme.

So can I do this without having to change the font throughout the whole of or most of the website? Which leads me to my second question...
I am aware that editing the font in the following code in stylesheet.css affects the text on most of the website including the sales message so this solves changing the font size and font of it but this also changes the font on the rest of the site. If I edit anything in the following bit of code;

body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
color: #000000;
background-color: #e5edf5;

It changes the font else where which I don't want. So is there a way of changing the font of different parts of the site individually? and a way of changing the font colour of the sales message?

I think I'm rambling now, sorry! Just getting a bit frustrated. Help, please!

[kuroi]

Example:

#tagline h1 {
color: pink;
font-size: .5em;
}

[Sushigal]

Hi thanks for the reply, but when I change for example h1 {
font-size: 1.5em;
color: navy;

it also changes the colour and size of the category title, that appears when you click on a category in the left hand box how do i solve this?

Many thanks

[kuroi]

You have missed out a key part of the example

#tagline h1 {
color: pink;
font-size: .5em;
}

[Sushigal]

Hi, what is the '#tagline' all about? I can't see this in style.css Im getting a bit confused, can someone simply explain step by step without too much jargon where possible how to chamge the font size style and colour of individual things on zen eg edit colour and size of sales message goes here without this change also changing the appearance of the title of categories

[kuroi]

Zen Cart uses CSS just like any other modern website, so what you're actually asking for is a beginner's guide to CSS. I'd recommend starting at w3schools where they have published some excellent tutorials already.

In respect of the example I gave you, if you make the changes for h1, then it will apply to all the other h1 tags on your site. You need to make your styling more specific to apply it to a particular part of the site, that's what the missing #tagline ID would have done. You can learn about tags, IDs and classes by working at the w3schools link.

Also, there will be things you want to style that are not mentioned in your stylesheet. If it tried to cover everything, it be enormous and slow your site down (it would also miss the point of CSS, but that's a more complex issue), so if what you want isn't there. you just add it.

[Sushigal]

Ok, thank you I think I'm starting to understand how this works, and will have to learn css!

But in the mean time, is it possible to explain to me what to add into the stylesheet.css so that the sales message text can be a different font, colour and size to any other text? What exactly do I need to do in lamens terms please?

[Sushigal]

P.s Am I correct in thinking the sales message and category title are both have h1 tags? If so, how will I know this and how can I change it so that only one of them has a h1 and the other has something else if you understand me, so only the sales message is affected by h1 and the category title is affected by a different h, h8???? I have no idea this but hopefully you understand what I mean and that I am starting to understand your reply. If so please guide me in the right direction that I can make happen what im describing above! :) thank you.

[kuroi]

I do understand. As I haven't seen your site and therefore don't know what template you're using, I don't know what they are, though from the explanations that you've given to date, it sounds as though they are both h1 tags. You can find this out for sure by looking at the source code for the generated pages. More advanced users use the Firebug plug-in for Firefox to get at this information more quickly.

To target one h1 but not another, you need to increase the "specificity" of your selector. You will learn about these terms in the link I gave your earlier. A practical example of this is the "#tagline" in the example above, which makes clear that the styles are to be applied only to the content of h1 tags inside a "container" with the ID "tagline".

Update: Now seen your site referenced in another thread, and yes those titles are both h1 tags and can be referenced separately as "#tagline h1", and "#indexCategoriesHeading h1".

[kursula]

verion4.4.9 (Zend: 1.3.0) I am looking for the files to change the sales message goes here can I can not find it. I check for english/language.php Does anyone know where or the name of the files to change the sales message and also The file to change 'Your cart has been completely installed sucessfully.

Kursula