Mega menu border - icons in mega menu

4 posts from 3 voices

• Started 1 year ago by wenv
• Latest reply from Chris Beard
• This topic is not a support question

Tags:

No tags yet.

1. 

   wenv
   Member

   Hi there,

   can someone tell me how:

   A) I can reduce the thickness of my mega-menu-border?
   B) I can add some small icons before my links in the mega-menu?
   C) I can put my title 'Nieuwe producten" and the link "Overzicht" on the left bottom in the 'mega menu' in red?

   Site: http://www.wenv-verzekeringen.be/beta/

   Thanks in advance!
   Vanwero

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   1) Yes - open up css/custom.css and add following code. Adjust the padding value:
   

   .main_menu .avia_mega1, .main_menu .avia_mega2, .main_menu .avia_mega3, .main_menu .avia_mega4, .main_menu .avia_mega5 {
       padding: 8px;
   }

   2) Yes - by default following image is used as nav item icon: http://www.wenv-verzekeringen.be/beta/wp-content/themes/brightbox/images/skin1/menu_arrow.png

   You can replace the image or change the image source by using following code in css/custom.css:
   

   #top .main_menu .avia_mega ul ul li, #top .main_menu .avia_mega > li > ul li {
       background-image: url("../images/skin1/menu_arrow.png");
   }

   3) Yes - use following code:
   

   #menu-item-742, #menu-item-743{
   color: #ff000 !important;
   }

   Posted 1 year ago #
3. 

   wenv
   Member

   1) All Right sparky!! That works fine!!;-))

   2) Unfortunately it does not work.

   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!

   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?

   3) How can I get the menu-item-number of a specific link/title in the mega-menu?

   Thans for your previous quick reply already!!

   Posted 1 year ago #
4. 

   Chris Beard
   

   Hey,
   2) In your style.css file you can add the following to the bottom:
   

   .sub-menu ul li{
   background-image: url("PATH TO YOUR IMAGE");
   }

   3) You can install Firebug, a Firefox addon which allows you to right click elements and inspect them, here you'll see your menu-item-number.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.