• Resolved Hair Bear

    (@hair-bear)


    I’m working with the Adventurous theme. The pro version allows many colors for the menus / navigation bars, meaning both background and text. I’m operating in the standard version, which had two menus (one above the main image and one below). The menu above has a light (white, I’d say) background and dark text, whilst the menu below has a dark background and light text. Is it possible to make the light background menu dark?

Viewing 8 replies - 31 through 38 (of 38 total)
  • Awe heck! but I had to Hahaha…….HB when I read your post.

    I am the naughty one for not writing your whole name………..slap my wrist Hairy Bear.

    Hey Hair Bear,

    Did you by any chance managed to make changes suggested in my previous post?

    Cheers,
    Bojan

    Thread Starter Hair Bear

    (@hair-bear)

    Hi Bojan. I have now put in what you have asked and have taken out…

    h1.art-logo-name{display:block; text-align:center;}
    .art-logo-text{display:block; text-align:center;}

    This was, if I recall rightly, what Julienne suggested.

    I’ve also taken out the PHP stuff. The menu is now more to the left but it is still not thin – the new version is the third picture down. I’d like the second one down if possible…

    https://www.seanofthecongo.co.uk/wp/wp-content/uploads/2015/07/menu-bar1.jpg

    The CCS now looks like this…

    #masthead {
    background-color: #000;
    }

    #header-right .widget ul.menu a {
    color: #ccc;
    }

    header#masthead {
    border-bottom: none;
    }

    body.indentation p {text-indent: 10px;}

    body.no-indentation p {text-indent: 0;}

    #header-content {
    padding-left: 30px;
    }

    #main-slider img {
    float: right;
    }

    @media screen and (min-width: 1200px) {
    #header-right .widget ul.menu li {
    line-height: 0.5;
    }
    #header-right, #header-right .widget_nav_menu, #header-right .widget_search {
    padding-top: 0;
    }
    #header-right #header-search-widget {
    margin-top: -7px;
    }
    #header-right .widget .menu a {
    padding: 0 10px 20px;
    }
    }

    #header-right {
    float: left;
    }

    #header-right .widget {
    margin-bottom: -5px;
    }

    Hey again Hair Bear,

    I’ve checked your site again and it displays thin for me, please see screenshot https://screencast.com/t/XClIB2M6YULp.

    Can you please try clearing browser cache and check again?

    Best regards,
    Bojan

    Good morning Bojan, Hair Bear cleared it alright, its now 404.

    Not your fault, Hair Bear is aa novice on WordPress.

    J

    Thread Starter Hair Bear

    (@hair-bear)

    Cleared the browser but it still didn’t change. However, I’ve just gone and checked it with a different computer and it’s as you described, nice and skinny. I guess I will just have to bin this old thing.

    I suppose this isn’t the right place to ask if you know how to change the following?

    Move my slider images (which are now on the right, and small) over the home page’s box – like I am showing you in this image…
    https://www.facebook.com/photo.php?fbid=799098256871917&set=a.799098276871915.1073741826.100003152511801&type=1&theater

    Also, is there a way to make the home page’s box as wide as the full page?

    And can I delete the wording that is ringed (on the left side of the image) without the same “Home” word becoming lost from my menu? Thanks again!

    Hey again Hair Bear,

    Displaying slider in the bottom of the page instead of the header would require making a lot of modifications in the templates and it can’t be done with just CSS.

    Also since this is off topic and this thread is already pretty long you should open another one with that question.

    Best regards,
    Bojan

    Thread Starter Hair Bear

    (@hair-bear)

Viewing 8 replies - 31 through 38 (of 38 total)
  • The topic ‘Menu / Navigation bar change color’ is closed to new replies.