WordPress.org

Ready to get started?Download WordPress

Forums

Custom Menu
[resolved] customize css (4 posts)

  1. marisqa
    Member
    Posted 1 year ago #

    Hi.

    I like the simplicity of this plugin. I would like to know how I can customize the css. How do I make the menu items have the styles I want (size, background-color, etc), and especially to be aligned horizontally instead of vertically. Thanks.

    http://wordpress.org/extend/plugins/custom-menu/

  2. marisqa
    Member
    Posted 1 year ago #

    Hey I added this:

    li { float: left; position:relative; width: auto; margin: 15px 10px 5px 1px; padding:2px; }

    to style.css and I'm on my way. I had no idea it would be this simple - except now I have to keep it from interfering from my other li items. Simple I'm sure.

  3. marisqa
    Member
    Posted 1 year ago #

    But if you want to help me out it's much appreciated.

  4. marisqa
    Member
    Posted 1 year ago #

    I am so brilliant! I finally simply took my shortcode and surrounded it with the divs "myMenu" like this:

    <div class="myMenu">
    <?php echo do_shortcode( '[menu name="Solutions"]' ) ?>
    </div>

    Then in my style.css I put .myMenu in front of the li style.

    .myMenu li { float: left; position:relative; width: auto; margin: 5px 10px 20px 1px; padding:2px 3px 2px 8px; color:#ccc !important; }
    .myMenu li a {color:#ccc !important;}
    .myMenu li a:hover{color:#1C92CB !important; }

    You would think I would have thought of this sooner.

    I don't know if the !important code is important.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.