utterly sick! 2 days av been trying to learn this - someone please help!

this is doing my head in!

can someone tell me how to change the colour of the links in the sideboxes to white while keeping the colour of the links in the main page area red (default)

getting proper pissed off with getting stuck, i can change the colour of the links no problem, but cant seem to workout how to do the above:censored:

In your stylesheet.css , you will often see a number of style ID's and Classes "nested" together - all sharing a similar declaration, or group of declarations.

Here's an example:

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

This means that when you hover over these hyperlinks (designated by the "a.hover" associated with each one), the colour will be #FF0000 - or in layman's terms, a brilliant red.

If you wanted #navEZPagesTOC ul li a:hover to be WHITE, you would split it OUT of that nested list, and give it its own style.

So the nested list would now look like:

a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

... and the separated declaration for #navEZPagesTOC ul li a:hover would be below it:

#navEZPagesTOC ul li a:hover {
	color: #FFFFFF;
	}

Use FIREFOX BROWSERwith Firebug Add-on to see what styles are applied to what elements on your page. And with the same tool, you can do off-line edits to your CSS to see what any changes would look like if you were to apply them to the actual stylesheet on your server.

out of all the problems i have had, you are the first person that has gone into great detail to help me...

sadly, it didn't work, I can change the link colours and hover colours of the links in the header/footer... I have tried using the firefox mod to look at other peoples css files to see how they have done it but when I copy the code it doesnt work for me

all I want to do is make the links in the sideboxes a different colour to those in the main page area!..

close to scrapping the whole f'ing project im that hacked off with it (not zencart.. I think the zencart package is top notch, but my own inability is really f'ing me off)

I have ever separated ever style id/class into its own.. but nothing.. e.g.

a:link {
color: #ffcc00;
text-decoration: none;
}

a:visited {
color: #ff0000;
text-decoration: none;
}

a:hover {
color: #FF0000;
}

/*#navEZPagesTOC ul li a:hover {
color: #000000;
}
*/
#navMain ul li a:hover {
color: #000000;
}

#navCatTabs ul li a:hover{
color: #000000;
}

#navSupp ul li a:hover{
color: #000000;
}

nothing changes the colour of the links in any of the side boxes

argh!... :censored: hahaha, god i hate this!

Not ALL style ID's and Classes are listed (or defined) in the stylesheet. Some appear on your web pages, but do not have an associated style declaration in the stylesheet.

Where these are PRESENT in your page, but ABSENT in your stylesheet, simply ADD them to the stylesheet and give them a declaration of your choice.

We can fix this, but it would really help if we could see your site.

i dont know how...

when i use the FF mod to look at the CSS of the links in the sideboxes and the mainpage area it just returns the same style info

a:visited (line 25)
{
color: #ff0000;
text-decoration: none;
}

a:hover (line 30)
{
color: #ff0000;
}

i have tried for days on this, changing the css code to how other have it... but nothing works

On my (reasonably standard) install, I have these declarations governing my sidebox links:

a.category-top, a.category-top:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

a.category-top:hover {
color:#0D61A2;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

a.category-links, a.category-links:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

a.category-links:hover {
color:#0D61A2;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

a.category-subs, a.category-products, a.category-subs:visited, a.category-products:visited {
color:#0D61A2;
font-size:0.9em;
text-decoration:none;
}

a.category-products:hover {
font-weight:bold;
}

stevesh: i am behind a secure server.. i have asked admin to take the security for 24 hrs to allow the zen community to view it and help.. this should be active in the nx 5 mins...

schoolboy: i have tried something similar but it failed on me..

do i just copy and paste what you have provided?.. is there anywhere specificly within the css file I need to paste it?

Remember that styles invoke CHRONOLOGICALLY, so a declaration can be over-ridden by a later-appearing different declaration (for the same style).

I'm wondering if you're editing the right stylesheet???

Where is the folder LOCATION of the stylesheet you are editing?

Apparently the security is off according admin

https://www.atlnortheast.co.uk

If you call up your web page, then look at the page SOURCE CODE, you will see the PATH to the stylesheets in the HTML headers.

These CSS files are the ones you ought to be editing.

includes/templates/custom%20FOUR/css/stylesheet.css

aye.. this is the one i am editing

(its funny, im the least qualified person to be doing this at work.. i said i didnt want to do it but the boss forced the project on me.. why.. cos i have degree in networking!!! clown,,, give me a cisco device anyday!)

thanks for all your help by the way

You have a custom template called custom FOUR

Why the letterspace?

I'd suggest the first thing you do is rename your custom folders to customfour (no letter space and all LOWER CASE).

If you're of the habit of naming folders and images with letterspaces, get out of that habit. If you need a gap between the words, use an UNDERSCORE.

noted.. changed to

link rel="stylesheet" type="text/css" href="includes/templates/custom_FOUR/css/stylesheet.css

mcshane78:

includes/templates/custom%20FOUR/css/stylesheet.css

(see what happens to custom FOUR ...

... you get custom%20FOUR)

The %20 is the HTML character for a letterspace! (see your UTF codes)

Did you re-name ALL current folders called custom FOUR ?

schoolboy:

On my (reasonably standard) install, I have these declarations governing my sidebox links:

a.category-top, a.category-top:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

a.category-top:hover {
color:#0D61A2;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

a.category-links, a.category-links:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

a.category-links:hover {
color:#0D61A2;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

a.category-subs, a.category-products, a.category-subs:visited, a.category-products:visited {
color:#0D61A2;
font-size:0.9em;
text-decoration:none;
}

a.category-products:hover {
font-weight:bold;
}

OK, so I don't see some of these in your existing stylesheet.css

Copy mine above and paste them to the BOTTOM of your stylesheet and see what happens...

thre was only one other folder poorly named .. includes>languages>english> CUSTOM >.. etc.. it was just for the meta_tags.php file

whats the craic... what do you think... where am i going wrong?

sh!t the bed.. it worked!

i see the other sideboxes are still the same.... would i just amend your code as follows

a.category-top, a.category-top:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

change to

a.information-top, a.information-top:visited {
color:#8A0254;
font-size:0.9em;
text-decoration:none;
}

.. etc to change the link colours in the infomation sidebox?