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.
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]
}
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).