0
Welcome Guest! Login
0 items Join Now

Menu background color change how?

Last Post
Search Topic

  • Menu background color change how?

    Posted 13 years 9 months ago
    • Hello everyone,
      i have a little problem. I will edit the background color from my menu.

      I hade this gray background, can anyone help me to change this color?

      Here a Picture:
      This image is hidden for guests.
      Please log in or register to see it.


      Thanks!
    #683455

  • Re: Menu background color change how?

    Posted 13 years 9 months ago
    • IRes.net Gmbh wrote:
      Hello everyone,
      i have a little problem. I will edit the background color from my menu.

      I hade this gray background, can anyone help me to change this color?

      Here a Picture:
      This image is hidden for guests.
      Please log in or register to see it.


      Thanks!

      This should be roughly the same for rockettheme templates but if you can let me know the template you're using I could give more specific information

      If you're using RokNavMenu, look at the style css for the design and look for "Top Menu". The CSS file is located in /templates/template_name/css and pick the file your template is set to use (eg: style1.css, style2.css etc...)

      The following code is from a style css file to guide you and you will see it will be either a graphic background file you'll be changing or a colour reference such as #561A0F.

      If you're using firebug, load the website and isolate the menu and you'll see the code to play with / change.
      /* Top Menu */
#rt-navigation {background: #43170A url(../images/style3/[b]navigation-bg.png[/b]) 50% 0 repeat-x;}
#rt-navigation2 {background: url(../images/style3/[b]navigation-bottom.png[/b]) 50% 100% repeat-x;}
.menutop li.root, .rt-splitmenu .menutop li {background-image: url(../images/style3/[b]navigation-div.png[/b]);}
.menutop li > .item {text-shadow: 1px 1px 1px rgba(0,0,0,0.9);}
.menutop li.active.root > .item, .rt-splitmenu .menutop li.active .item {background: #43170A url(../images/style3/navigation-active.png) 50% 0 no-repeat;}
.menutop li.root:hover > .item, .menutop li.root.f-mainparent-itemfocus > .item, .rt-splitmenu .menutop li:hover .item {background: #561A0F url(../images/style3/navigation-hover.png) 0 0 no-repeat;}
.menutop .fusion-submenu-wrapper {background: #561A0F url(../images/style3/navigation-hover.png) 50% -15px no-repeat;box-shadow: 0 0 5px rgba(0,0,0,0.6);}
.menutop .fusion-submenu-wrapper ul li {background: url(../images/style3/dropdown-div.png) 50% 0 repeat-x;}
.menutop li.parent.root .item span .daddyicon, .menutop li.root .daddy.item .daddyicon, .menutop ul li > .daddy span {background-image: url(../images/style3/fusion-arrows.png);}
.menutop ul li > .item {background-position: 100% 0;}
.menutop ul li > .item:hover, .menutop li.f-menuparent-itemfocus > .item {background: #561A0F url(../images/style3/navigation-hover.png) 0 0 no-repeat;}

      Hope this helps.
    • www.jointplan.co.uk - Small Business Website Design
    #683482

  • Re: Menu background color change how?

    Posted 13 years 9 months ago
    • Thats is not a css configuration.

      I finde a picture with the name "drop-bg-1" (Template Kinetic)

      Thanks for your help :)
    #683507

  • Re: Menu background color change how?

    Posted 13 years 9 months ago
    • IRes.net Gmbh wrote:
      Thats is not a css configuration.

      I finde a picture with the name "drop-bg-1" (Template Kinetic)

      Thanks for your help :)
      That's it. It's either a CSS colour change in the file or you look for the external image the CSS is pointing to.

      Glad you found it.
    • www.jointplan.co.uk - Small Business Website Design
    #683557

Time to create page: 0.076 seconds