SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    A change of colour - Should be simple!

    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. #2
    SitePoint Enthusiast
    Join Date
    Aug 2011
    Posts
    85
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Do you mean in the navigation menu?

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

    Code:
    .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: url(images/menu-primary-bg.png) left -134px repeat-x;
    }
    to

    Code:
    .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: #024f51;
    }
    Hop that helps.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,340
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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.

    Code:
    .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. #4
    SitePoint Member
    Join Date
    May 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Guys,

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


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •