A change of colour - Should be simple!

HTML & CSS
1

Hi Guys n gals,

I’m new to this web malarkey and am struggling to find out where i need to make the necessary changes to my template.

Basically what I’m after is changing the colour around the page title to the same colour as the background on the site. I’ve been looking at this for hours & thought enough was enough I’d better ask for some assistance.

Here is my site http://94.136.40.103/~visionrs.co.uk

Thankyou in advance for any help

2

Do you mean in the navigation menu?

If so, try changing your style.css file, starting around line 189:

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #FFFFFF;
    outline: 0;
    background: [b]url(images/menu-primary-bg.png) left -134px repeat-x;[/b]
}

to

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #FFFFFF;
    outline: 0;
   background: [b]#024f51;[/b]
}

Hop that helps.

3

If you meant the word “Home” in the middle column then that’s at line 338 of style.css.

To make it the same colour as the green body background change it to this.



.title {
    color: #00A89E;
}

To find your way around a page’s styling you should invest some time with the developer tools which are present in browsers such as Chrome (and latest versions of IE). For Firefox you can install Firebug which is my favourite but Chrome’s tools are pretty good also (IE is the worst but still useful at times).

4

Thanks Guys,

Zot had it spot on I should have been a bit clearer. Thankyou for your help :slight_smile: