http://www.kriesi.at/support/topic/icons-above-menu-revised Support Forum - Topic: icons above menu - revised en-US Wed, 19 Jun 2013 19:35:44 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/icons-above-menu-revised#post-78044 Mon, 01 Oct 2012 06:09:51 +0000 Ismael 78044@http://www.kriesi.at/support/ <p>Hi webWahine,</p> <p>Thanks for sharing, I'm sure many people would find this thread helpful. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/icons-above-menu-revised#post-78002 Sun, 30 Sep 2012 17:56:38 +0000 webWahine 78002@http://www.kriesi.at/support/ <p>my pleasure, peter! you all do such a good job with support, and i think that it's important to share and help others, too :) </p> http://www.kriesi.at/support/topic/icons-above-menu-revised#post-77970 Sun, 30 Sep 2012 06:48:28 +0000 Dude 77970@http://www.kriesi.at/support/ <p>Hi! </p> <p> Thanks for sharing your solution :) </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/icons-above-menu-revised#post-77824 Sat, 29 Sep 2012 00:20:57 +0000 webWahine 77824@http://www.kriesi.at/support/ <p>hello, all</p> <p>my older post about this topic (<a href="http://www.kriesi.at/support/topic/add-different-icons-above-main-menu-titles-in-header" rel="nofollow">http://www.kriesi.at/support/topic/add-different-icons-above-main-menu-titles-in-header</a>) worked well on safari and chrome, but i discovered that it did not work on ie or firefox, so i had to rethink and come up with another option</p> <p>this is my code, below (added to custom.css); a bit of a hack but it works on all browsers; for some reason it needed !important to work</p> <p>i wanted to share in case someone else wants to do the same; enjoy :)</p> <p>my site:</p> <p><a href="http://edgemontseniorliving.com/" rel="nofollow">http://edgemontseniorliving.com/</a></p> <p>pwd (until live):</p> <p>esl1234</p> <p>**********************************</p> <p>/* removed the 30px margin from layout.css */<br /> .main_menu ul:first-child &gt; li &gt; a{<br /> text-align: center;<br /> margin-left:0px;}</p> <p>/* adjusts the up arrow on the pulldown nav */<br /> .main_menu .menu ul {<br /> margin-left:-95px;<br /> }</p> <p>/* home */<br /> #menu-item-774 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconHome.png') !important;<br /> width: 80px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;}</p> <p>/* about */<br /> #menu-item-775 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconAbout.png');<br /> width: 100px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;}</p> <p>/* application */<br /> #menu-item-800 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconApplication.png');<br /> width: 120px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;}</p> <p>/* community */<br /> #menu-item-799 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconCommunity.png');<br /> width: 200px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;}</p> <p>/* news */<br /> #menu-item-323 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconNews.png');<br /> width: 70px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;}</p> <p>/* contact */<br /> #menu-item-346 {<br /> background: url('http://edgemontseniorliving.com/wp-content/themes/coherence/images/icons/iconContact.png');<br /> width: 90px;<br /> background-position: center top !important;<br /> background-repeat:no-repeat !important;<br /> display: block;} </p>