WordPress.org

Forums

How to give custom menus formatting (color, etc) ? (8 posts)

  1. sidelancer
    Member
    Posted 2 years ago #

    I'm making a theme from scratch on my own and the one issue I can't seem to beat is custom menus.

    At first I tried to create a navigation menu without using WordPress' built-in custom menus option, but the problem with this menu is that I can't do anything fancy with it, like a dropdown menu, etc. Here is a screenshot of what it looks like without using custom menus

    http://i.imgur.com/U4mm4.jpg

    I made this navmenu by putting this code in the header:

    <div id="navmenu">
    
    <ul>
    <li><a>">Home</a></li>
    <li><a href="http://www.wescoelectric.com/services">Services</a></li>
    <li><a href="http://www.wescoelectric.com/contact">Contact</a></li>
    <li><a href="http://www.wescoelectric.com/news">News</a></li>
    <li><a href="http://www.wescoelectric.com/about">About</a></li>
    </ul>
     </div>

    So since I wasn't able to do drop down menus with this, I decided to try the custom menus.

    I enabled custom menu support and removed the above code, but now I'm left with a barebone menu that I have no idea how to customize (add color, change location, change font, background, etc). I searched on google but I haven't been able to find anything online for this because 99% of people asking questions are using an already created theme, and as such their themes already have that code built in. This is what it looks like at the moment:

    http://i.imgur.com/E3FEW.jpg

    To reiterate, I want to change the navigation menu in that screenshot to look something more like the first screenshot.I hope what I wrote makes sense, I'm just completely new at this stuff. Thanks for any help!

  2. jon.toshmatov
    Member
    Posted 2 years ago #

    I would add a new CSS file or add CSS codes in style.CSS to modify your menu.
    here is a simple menu tutorial
    http://www.secondpicture.com/tutorials/web_design/css_ul_li_horizontal_css_menu.html

  3. sidelancer
    Member
    Posted 2 years ago #

    The problem with that code is that I can't get drop down menus to work. I haven't found any tutorial yet that tells me how to get drop down menus without using custom menu.

  4. jon.toshmatov
    Member
    Posted 2 years ago #

    I can help you with that tomorrow, I have already shutdown computer.

  5. Kelvin Castelino
    Member
    Posted 2 years ago #

    Now do you want a custom drop down menu with JavaScript or without Javascript?
    This should help you I suppose
    Line25.com

  6. jon.toshmatov
    Member
    Posted 2 years ago #

    I create a sample menu for you to see
    http://www.toshmatov.us/jon/css_navigation.php

    and get the code
    go here
    http://www.toshmatov.us/jon/css_navigation.txt

  7. sidelancer
    Member
    Posted 2 years ago #

    Kelvin and Jon that's exactly what I was looking for. Thank you!

  8. jon.toshmatov
    Member
    Posted 2 years ago #

    glad to help

Topic Closed

This topic has been closed to new replies.

About this Topic