Urgent CSS Help

Community Forums Forums Design Tips and Tricks Urgent CSS Help

This topic is: not resolved

Tagged: 

This topic contains 7 replies, has 2 voices, and was last updated by  emmaisstuck 9 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #68396

    emmaisstuck
    Member
    Post count: 4

    I just don’t get where I am going wrong

    Comments
    I am having terrible difficulty styling the nav colour in the generic
    child theme even using firebug – I want the nav menu white by default but
    yellow on active or hover – can anyone help?

    /* 03a – Font Color ———– */

    .genesis-nav-menu a:
    color: #ffffff;
    }

    a:hover,
    body,
    h2 a,
    h2 a:visited,
    h4.widgettitle a,
    input,
    .author,
    .date,
    .post-comments,
    #title a,
    #title a:hover {
    color: #1e1e1e;
    }
    .genesis-nav-menu li a:hover,
    .genesis-nav-menu li:hover a,
    .genesis-nav-menu li li a:hover,
    .genesis-nav-menu .current-menu-item a {
    color: #ffec0a;
    }

    #footer a {
    color: #333333;
    }

    http://local
    #68403

    anitac
    Participant
    Post count: 7027

    What generic child theme are you referring to? The sample child theme?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #68404

    emmaisstuck
    Member
    Post count: 4

    Yes, but I have a bit of a lack of understanding how the css naming hierarchy works and also the difference between . and #

    I genuinely don’t get why

    genesis-nav-menu a:
    color: #ffffff;
    }

    isn’t working…

    #68407

    anitac
    Participant
    Post count: 7027

    Are you trying to change the “background color”? If so you are targeting the link. The link is identified with an (a:). So what you have there is the link color on the Nav which is white. The nav you are looking for would be identified with: background: #whatevercolor. It’s hard to assist you when you are local. If you can point to the Sample Child theme demo you are referring to, that would help.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #68410

    emmaisstuck
    Member
    Post count: 4

    No, I am trying to change the link – I have enough understanding to be incredibly frustrated, though. Its the genesis-sample-theme which I am modifying – http://my.studiopress.com/setup/genesis-sample-theme-setup/

    I want the nav menu text white by default but yellow on active or hover, and the rest of the text on the page black.

    #68412

    anitac
    Participant
    Post count: 7027

    When I click on the demo from that page, I get this – http://demo.studiopress.com/genesis/. So your theme looks like this?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #68419

    emmaisstuck
    Member
    Post count: 4

    Yes

    #68421

    emmaisstuck
    Member
    Post count: 4

    Just to clarify, I’ve changed the code as above and it all good apart from the default links are blue, not black..

    Emma

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.