WordPress.org

Ready to get started?Download WordPress

Forums

inserting img into dynamic menu item (11 posts)

  1. joepk
    Member
    Posted 11 months ago #

    Hi,

    I have a navigation menu of five items. The one in the middle has to hold an image that extends a bit outside of the menu item (5px more or less). I do not want to use a background image.

    Anyone has idea's how to do so? I guess some kind of javascript?

    Thanks!

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Why do you not want to use a background image?

  3. joepk
    Member
    Posted 11 months ago #

    Because the image has to stick out of the menu item.

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    So can you expand the height/width of that one navigation menu item?
    Can you link the page in question and the image you want?

    It's difficult for an outsider to understand the issues you have probably identified.

  5. joepk
    Member
    Posted 11 months ago #

    joep.twistedwed.nl/fivestarsleep

    The home button had a logo which overlapped the bevel that sticks out. Maybe I'll just make the logo not stick out of the item, makes the logo a bit smaller though it saves allot of hassle haha.

  6. joepk
    Member
    Posted 11 months ago #

    I used a background image instead now that doesn't stick out. But how to get a certain menu item to not display the text? I need the HOME text to get to display: none.

    Anyone?

  7. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Can you link the page in question and the image you want?

  8. joepk
    Member
    Posted 11 months ago #

    oops the previous link wasn't correct!
    This one is:

    fivestarsleep

  9. Ravinder Kumar
    Member
    Posted 11 months ago #

    you are doing good but

    .logo a {
    z-index: 999;
    background: url("img/logo.png") center 12px no-repeat;
    background-size: 90px auto;
    color: transparant;
    }

    color:trasparant spelling mistake
    use
    color:transparent!important;

  10. joepk
    Member
    Posted 11 months ago #

    With !important it still has no effect. :(

  11. joepk
    Member
    Posted 11 months ago #

    Damnit haha, made a spelling mistake aswell xd Thanks!

Reply

You must log in to post.

About this Topic