Streamline – Different color menu and submenu

Community Forums Forums Design Tips and Tricks Streamline – Different color menu and submenu

This topic is: not resolved

This topic contains 6 replies, has 4 voices, and was last updated by  Toon Verlinden 5 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #86048

    Toon Verlinden
    Member
    Post count: 5

    I’m working with the streamline theme and genesis framework on my website http://www.thefloorisyours.be and have a design/color question.

    The color of the text in the main headermenu is black.
    Unfortunately, the color of the dropdown menu-items is also black (you can see the dropdown menu under ‘workshops’), this makes the text very hard/impossible to read.

    I tried to change the color in style.css, but when I changed the color, the color of both the header items and the dropdown items changed. Is there a way to control the color of both menu independently from each other?

    Any help is much appreciated;

    Header menu and dropdown menu

    http://www.thefloorisyours.be
    #86185

    thom
    Member
    Post count: 21

    Hey Toon

    I have also been looking for a way to change colour . I found this link:

    http://philipgledhill.co.uk/genesis-themes-customize/

    You have to scroll down to the middle of the text to find the information on how to changing the colour of the Hyperlinks in sidebar and body copy of your Genesis themes.

    I am working with the same theme, and I want to change the colour of my menubar to the same as my background like you, Where did you do that?

    /Thomas

    #86186

    thom
    Member
    Post count: 21

    By the way – I am working on this page: http://sub.tidenssamling.dk/language/en_us/

    /Thomas

    #87743

    asterbird
    Participant
    Post count: 101

    @thom, to change background of your nav, add this to your css #nav .wrap { background: blue; }

    @Toon Verlinden, can you add a submenu so I can find where to change the color for you?

    #87783

    Toon Verlinden
    Member
    Post count: 5

    @Thomas: thank you for your input. I will dig deeper in this article. It looks interesting.

    And Asterbird, thank you for answering Thomas’ question. Sorry that I didn’t reply to the question myself! I tried to find where I changed the CSS but couldn’t find it back and told myself that I would take a deeper look ‘later on’ (yay procrastination). I really should start writing down the things I change in my style.css .

    I added the submenus again on http://www.thefloorisyours.be.You can find the submenus when you hover over the ‘workshops’-title in the main menu. You can’t read the black letters on the brown background and I try to change that. Any help is appreciated.

    #87786

    Jeremy
    Participant
    Post count: 59

    On line 318 style.css you have an active .menu-primary color property set with !important.

    .menu-primary a, #header .menu-primary a {
    color: #000 !important;
    display: block;
    padding: 25px 20px;
    position: relative;
    text-decoration: none;
    }

    This is overriding your other color styling. Remove [color: #000 !important;] and continue styling.


    If you want to say thanks Follow me on Twitter | My Website

    #89772

    Toon Verlinden
    Member
    Post count: 5

    Hi Jeremy. This worked perfect for me. Thank you for the tip, Wouldn’t have found it myself!

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

You must be logged in to reply to this topic.