Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 19, 2014 at 2:33 am #280903
    jazbird

    hi,

    just wondering if you can load a png as a man in menu item?

    thanks

    June 19, 2014 at 4:22 am #280945
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    li#menu-item-14 a .avia-menu-text {
    background: url(_PNG_URL_HERE_) no-repeat transparent top center;
    font-size: 0;
    height: 40px;
    width: 40px;
    display: block;
}

    Change menu-item-14 by the menu item id, you can check this with the Inspect Element tool in Chrome.

    Cheers! 
    Josue

    June 20, 2014 at 2:09 am #281482
    jazbird

    hi,

    sorry where can i find the menu item id?

    jaz

    June 20, 2014 at 2:11 am #281483
    jazbird

    is that the title attribute?

    June 20, 2014 at 2:32 am #281485
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    June 20, 2014 at 4:01 am #281493
    jazbird

    this is the website..
    http://curvesecurities.com.au

    I need to add a new page which is currently a draft…
    http://curvesecurities.com.au/?page_id=4383&preview=true

    i would like to add a PNG to the main menu on the far right.. which links to this page

    thanks!

    June 20, 2014 at 4:26 am #281496
    Josue

    Hey!

    Code should be:

    li#menu-item-3027 a .avia-menu-text {
    background: url(_PNG_URL_HERE_) no-repeat transparent top center;
    font-size: 0;
    height: 40px;
    width: 40px;
    display: block;
}

    Regards,
    Josue

    June 23, 2014 at 3:35 am #282266
    jazbird

    hi thanks – but it’s didn’t work…

    what happened is the contact button disappeared and the chinese character appeared at the top of the page in line with where the contact button used to be… any ideas?

    i would like the chinese character to appear in line with the other menu items if possible? between contact & search

    thanks…

    http://curvesecurities.com.au

    June 23, 2014 at 9:09 am #282314
    Dude

    Hi!

    Afaik you can add images to the main menu. Just go to Appearance > Menus and add a link ( http://www.clipular.com/c/6244188735668224.png?k=P7IBeHieRbIEDBpXMM8xODEVLiA ) to the menu. In the “URL” field insert the link url and into the “link text” field insert the image code like:

    
<img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png" width="16" height="18" title="Home" alt="Home">

    Replace http://kriesi.at/wp-content/themes/kriesi/images/logo.png with your image url and change the height/width and title/alt attribute values.

    Regards,
    Peter

    June 25, 2014 at 6:19 am #283418
    jazbird

    wow thanks so much!

    it’s almost working – just that there is a white triangle appearing above the menu item – no matter what section you are in…
    is there a way to get rid of this?

    http://curvesecurities.com.au

    thanks

    June 25, 2014 at 11:09 am #283502
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #menu-item-4412 span.avia-arrow {
display: none;
}

    Regards,
    Yigit

    June 25, 2014 at 11:29 am #283511
    jazbird

    awesome!!

    thank you so much for the incredible & fast support.
    always.

    jaz

    :)

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Is there a way to add a chinese character to a main menu?’ is closed to new replies.