http://www.kriesi.at/support/topic/mega-menu-border-icons-in-mega-menu Support Forum - Topic: Mega menu border - icons in mega menu en-US Sun, 19 May 2013 16:18:32 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/mega-menu-border-icons-in-mega-menu#post-28617 Tue, 04 Oct 2011 21:03:11 +0000 Chris Beard 28617@http://www.kriesi.at/support/ <p>Hey,<br /> 2) In your style.css file you can add the following to the bottom:<br /> <pre><code>.sub-menu ul li{ background-image: url(&quot;PATH TO YOUR IMAGE&quot;); }</code></pre> <p>3) You can install <a href="http://getfirebug.com/">Firebug</a>, a Firefox addon which allows you to right click elements and inspect them, here you'll see your menu-item-number. </p> http://www.kriesi.at/support/topic/mega-menu-border-icons-in-mega-menu#post-28548 Mon, 03 Oct 2011 22:23:35 +0000 wenv 28548@http://www.kriesi.at/support/ <p>1) All Right sparky!! That works fine!!;-))</p> <p>2) Unfortunately it does not work. </p> <p>When I replace the picuture in the ftp-folder: It works for the menu-down-arrow.png, but when I do the same with the menu-arrow.png, it does not appear in my mega-menu! </p> <p>I think it has something to do with my primary color in my theme-layout-settings = #fff. Is this possible? And if yes, how can i fix this?</p> <p>3) How can I get the menu-item-number of a specific link/title in the mega-menu?</p> <p>Thans for your previous quick reply already!! </p> http://www.kriesi.at/support/topic/mega-menu-border-icons-in-mega-menu#post-28465 Mon, 03 Oct 2011 06:33:46 +0000 Dude 28465@http://www.kriesi.at/support/ <p>Hey,<br /> 1) Yes - open up css/custom.css and add following code. Adjust the padding value:<br /> <pre><code>.main_menu .avia_mega1, .main_menu .avia_mega2, .main_menu .avia_mega3, .main_menu .avia_mega4, .main_menu .avia_mega5 { padding: 8px; }</code></pre> <p>2) Yes - by default following image is used as nav item icon: <a href="http://www.wenv-verzekeringen.be/beta/wp-content/themes/brightbox/images/skin1/menu_arrow.png" rel="nofollow">http://www.wenv-verzekeringen.be/beta/wp-content/themes/brightbox/images/skin1/menu_arrow.png</a></p> <p>You can replace the image or change the image source by using following code in css/custom.css:<br /> <pre><code>#top .main_menu .avia_mega ul ul li, #top .main_menu .avia_mega &gt; li &gt; ul li { background-image: url(&quot;../images/skin1/menu_arrow.png&quot;); }</code></pre> <p>3) Yes - use following code:<br /> <pre><code>#menu-item-742, #menu-item-743{ color: #ff000 !important; }</code></pre> http://www.kriesi.at/support/topic/mega-menu-border-icons-in-mega-menu#post-28424 Sun, 02 Oct 2011 21:33:00 +0000 wenv 28424@http://www.kriesi.at/support/ <p>Hi there,</p> <p>can someone tell me how:</p> <p>A) I can reduce the thickness of my mega-menu-border?<br /> B) I can add some small icons before my links in the mega-menu?<br /> C) I can put my title 'Nieuwe producten" and the link "Overzicht" on the left bottom in the 'mega menu' in red?</p> <p>Site: <a href="http://www.wenv-verzekeringen.be/beta/" rel="nofollow">http://www.wenv-verzekeringen.be/beta/</a></p> <p>Thanks in advance!<br /> Vanwero </p>