Nav Bar

11 posts from 4 voices

• Started 2 months ago by chmorelock07
• Latest reply from chmorelock07
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   chmorelock07
   Member

   Is there a way to fill the Navigation bar with color, and insert images for the buttons? Thanks guys.

   Posted 2 months ago #
2. 

   Devin
   Moderator

   Hi chmorelock07,

   On a basic level, this would give you a color background on the menu:
   

   #top .main_menu .avia_mega {
   background-color: red;
   }

   However, the current menu class and all of the other elements will also need to be customized. You'll need to use something like Firebug for Firefox to go through and pick out the various selectors and then add them with new css to your custom.css file or Quick CSS field in the Styling tab of the theme options.

   You could then also use background images for the buttons. Its unfortunately a bit beyond what we can do for you via support but if you wanted to look into a freelance developer it would be an hour at most.

   Regards,

   Devin

   Posted 2 months ago #
3. 

   chmorelock07
   Member

   How would I add them to my custom css file. Do you happen to know the code to do this? Thank you very much.

   Posted 2 months ago #
4. 

   Dude
   Dude

   Hi!

   Maybe you need to add the !important tag - use:

   #top .main_menu .avia_mega {
   background-color: #ff0000 !important;
   }

   Regards,
   Peter

   Posted 2 months ago #
5. 

   chmorelock07
   Member

   Thanks thats perfect. Now what about changing the color and type of text in this nav bar. I need the text to be white and the font to be Trebuchet. Thanks guys!

   Posted 2 months ago #
6. 

   Dude
   Dude

   Hey!

   You can change the color with:

   .main_menu .avia_mega>li>a {
   color: #ffffff;
   }

   and the font family with:

   .main_menu {
   font-family: "Trebuchet";
   }

   Regards,
   Peter

   Posted 2 months ago #
7. 

   chmorelock07
   Member

   Is it possible to just change the nav bar background with an image instead of a color. Thanks.

   Posted 2 months ago #
8. 

   Ismael
   Moderator

   Hi,

   Yes, it is possible. You need to supply the image.

   #top .main_menu .avia_mega {
   background: url(YOUR IMAGE SOURCE);
   }

   Regards,
   Ismael

   Posted 2 months ago #
9. 

   chmorelock07
   Member

   Thank you so much for your awesome and quick response to both my posts!

   Posted 2 months ago #
10. 

    chmorelock07
    Member

    I am having some issues with this nav bar. It works perfect on the home page, but when you navigate to any other page on the site, there is nothing. Here is a live link to the site. http://www.texaslakesandponds.com. Please let me know if you have any ideas. Thanks.

    Posted 2 months ago #
11. 

    chmorelock07
    Member

    Never mind, I fixed it. Thanks!

    Posted 2 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.