WordPress.org

Ready to get started?Download WordPress

Forums

Custom Community
Help with Menus needed Please (20 posts)

  1. WorldWideAdventurer
    Member
    Posted 1 year ago #

    I would like to put an identical tab menu like the one I have already at the top of my header - can anyone help me please?

    http://www.worldwideadventurers.com/

    I would also like to change the white hideous round corner tab highlighter to something else, ie just highlight the text colour or something - anything but that stupid ugly white tab!

    PS not into code or playing with the workings too much!

    Thanks
    Jo

    http://wordpress.org/extend/themes/custom-community/

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Does that theme come with a section in the dashboard named, "Custom CSS"?

  3. WorldWideAdventurer
    Member
    Posted 1 year ago #

    Hi Andrew - Yes is does has a CSS Custom and I have put the following code in as follows. It is showing in the source code when I view - but nothing comes up on the site. Do you know where have I gone wrong?

    Thanks

    div#header div#footer .menu ul{

    list-style-type:none;
    margin:0;
    padding:0;
    padding-top:6px;
    padding-bottom:6px;
    }
    div#header div#footer .menu li
    {
    display:inline;
    }
    div#header div#footer .menu a:link,a:visited
    {
    font-weight:normal;
    color:#0f9e05;

    text-align:center;
    padding:6px;
    text-decoration:none;
    text-transform:uppercase;
    }
    div#header div#footer .menu a:hover,a:active
    {
    background-color:#333333;
    }

  4. WorldWideAdventurer
    Member
    Posted 1 year ago #

    Note the other Header menu that is showing is a custom menu from the wordpress settings which I don't like and don't intend to use once I get he one above sorted out

  5. WorldWideAdventurer
    Member
    Posted 1 year ago #

    Note the other Header menu that is showing is a custom menu from the wordpress settings which I don't like and don't intend to use once I get he one above sorted out

  6. trinity89
    Member
    Posted 1 year ago #

    Hello WorldWideAdventurer,

    I like your menu on top of the header. May I ask how you achieved to let your menu_top look like your normal menu?
    Did you change the CSS for menu_top manually or is there another possibility?

    Thanks,
    Trin

  7. WorldWideAdventurer
    Member
    Posted 1 year ago #

    Hi Trinity,

    Presuming you have Custom Community Pro theme - if so this should work.

    I finally got some CSS code worked out and here it is - You may want to change the colours to suit.

    div#header div.menu-top {
    font-size: 13px;

    margin-left: 0px;
    position: absolute;
    width: 1000px;
    height:38px;
    top:0px;
    background-color:#333333;
    }

    a, div.menu-top ul li.current_page_item > a:hover, div.menu-top ul li.current-menu-item > a{
    background: none repeat scroll 1000px 1000px;
    background-color:transparent;
    }
    a, div.menu-top ul li.current_page_item > a:hover, div.menu-top ul li.current-menu-item > a:hover {
    background: none repeat scroll 1000px 1000px;
    background-color: #ffffff;
    }
    div.menu-top.menu ul{
    list-style-type:none;
    margin:0;
    padding:0;
    }
    div.menu-top.menu li
    {
    display:inline;
    }
    div.menu-top.menu a
    {
    font-weight:normal;
    background-color:transparent;
    text-align:center;
    color:#7FB539;
    text-decoration:none;
    text-transform:lowercase;
    }

    div.menu-top.menu a:link,a:visited
    {
    font-weight:normal;
    1color:;
    text-align:center;
    text-decoration:none;
    1text-transform:lowercase;
    }
    div.menu-top.menu a:hover,a:active
    {
    background-color: #333333;
    }

    Hope this helps.

  8. trinity89
    Member
    Posted 1 year ago #

    Hey WorldWideAdventurer,

    thank you very much...this was exactly what I have been looking for!
    It works perfectly, although I do not have the pro version.

    Greets,
    Trinity

  9. WorldWideAdventurer
    Member
    Posted 1 year ago #

    Glad I could help - it's usually me needing help!

  10. Full Circle
    Member
    Posted 1 year ago #

    This get worked out world?

  11. trinity89
    Member
    Posted 1 year ago #

    It worked out so far....but I have still a small problem.
    The top-menu is (although exactly as wide as the bottom menu) a little bit shifted to the right. This looks not so nice....
    Do you have a solution or a explanation for this?

    Greets,
    Trinity

  12. Full Circle
    Member
    Posted 1 year ago #

    Hi trinity89,
    I would have to see the site to figure this one out.

  13. trinity89
    Member
    Posted 1 year ago #

    I did not upload my website so far, I'm still developing locally, but here is a screenshot if the header of my page:
    http://dl.dropbox.com/u/52328865/Bildschirmfoto%202012-12-02%20um%2021.02.23.png

    Greets,
    Trinity

  14. trinity89
    Member
    Posted 1 year ago #

    I solved it...there were some "margin-lefts" defined in the style.php file !

  15. Full Circle
    Member
    Posted 1 year ago #

    glad you got it figured out!

  16. michellewriting
    Member
    Posted 1 year ago #

    Hi all. I want to make my menu text bold and various shots at CSS haven't worked. I'm using the "custom menu" option and the lower menu placement. Any thoughts?

    Thank you,
    Michelle

  17. Full Circle
    Member
    Posted 1 year ago #

    Hi Michelle
    give this a shot in your css tab under theme-settings/
    #access {font-weight: bold;}

  18. michellewriting
    Member
    Posted 1 year ago #

    It worked! Thank you!

  19. Batman vs Family Guy
    Member
    Posted 1 year ago #

    i really suck at WordPress but have a 1 billion$ idea and im trying to make this work on my own and having no luck. I like your menu setup and I tried adding it in to my CSS and it hasn't work
    would somebody be willing to call me and help guild me. Im using the Custom Community theme
    [phone number redacted]

  20. Full Circle
    Member
    Posted 1 year ago #

    Can you post what the problem was?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic