Custom Menu — CSS Classes

  • I am trying to add a custom item to my main menu. I want to add a logo, and have it float right — away from the other menu items. I have created a Menu item, and successfully added the logo to the menu. For the CSS Classes (optional) field, I added “realtylogo”.

    Next, I went into my style.css file and added the following lines:

    .realtylogo {
    float:right;
    }

    That didnt work. When using Firefox’s Firebug, I noticed that the class was coming out as: “realtylogo menu-item menu-item-type-custom menu-item-object-custom menu-item-270“.

    Could someone please help me out with my next steps? I’ve been working on this for a few hours, and am stumped.

    Thanks so much ahead of time

Viewing 9 replies - 1 through 9 (of 9 total)

  • Site link?

    Thread Starter bobby.noonan

    (@bobbynoonan)

    https://www.playabacoa.com/site

    Thread Starter bobby.noonan

    (@bobbynoonan)

    Thanks for the quick response, btw

    Your site never finished loading – don’t know what’s going on except that you have tons of JS in that theme. Since it’s a commercial theme, you really should look to the developer for help.

    That said, you’re on the right track though I’d just use the already defined menu item ID for specific styling.

    <li id="menu-item-270" class="realtylogo menu-item menu-item-type-custom menu-item-object-custom menu-item-270">

    Thread Starter bobby.noonan

    (@bobbynoonan)

    right, so

    .menu-item-270 {
    float:right;
    }

    I’ved also tried:

    #menu li.menu-item-270 {
     float:right;
}

    &

    li.menu-item-270 {
     float:right;
}

    no luck :-/ any more suggestions? Thank you for your help so-far. I have tried contacting the developers…but in the mean-time, I was hoping to try and fix it myself (with a little help of course)

    I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s developer/vendor. We do not support commercial products here.

    Thread Starter bobby.noonan

    (@bobbynoonan)

    its more of a general customization…I’d have the same question if it was for twenty-twelve theme.

    So let me start again. If I have a twenty-twelve theme, how would I align one of my menu items to the right?

    No – it is not a general customisation. All CSS is highly theme-specific.
    It is also beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead. Or contact whoever you purchased the theme from. We do not support commercial products here.

    Thread Starter bobby.noonan

    (@bobbynoonan)

    thanks for your time.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Custom Menu — CSS Classes’ is closed to new replies.