http://www.kriesi.at/support/topic/color-of-navigation-menu Support Forum - Topic: Color of navigation menu en-US Tue, 21 May 2013 21:20:40 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83593 Tue, 13 Nov 2012 09:34:10 +0000 harberentsen 83593@http://www.kriesi.at/support/ <p>Thank you for the suggestion! I didn't get it to work with that piece of code, but I added that font family to layout.css and now it works perfectly!</p> <p>Thanks for all your help! </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83589 Tue, 13 Nov 2012 08:50:58 +0000 Dude 83589@http://www.kriesi.at/support/ <p>Hey! </p> <p> Yes, you can use following css code and change the font family value if you like:</p> <pre><code>.main_menu ul.menu li { font-family: Arial; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83581 Tue, 13 Nov 2012 08:27:13 +0000 harberentsen 83581@http://www.kriesi.at/support/ <p>Did the trick! Thanks a bunch, Ismael!</p> <p>Last question, is it possible to alter the font type of the navigation menu into, for example, a Google web font? </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83544 Tue, 13 Nov 2012 02:26:00 +0000 Ismael 83544@http://www.kriesi.at/support/ <p>Hi harberentsen,</p> <p>Kindly replace the code I have given you with this code:<br /> <pre><code>.main_menu { background: #ccc; bottom: 0; left: -50%; margin: 0; padding: 9px 0; position: absolute; width: 200%; } .menu-main-menu-container { display: block; height: 100%; margin: 0 auto; width: 930px; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83437 Mon, 12 Nov 2012 11:14:50 +0000 harberentsen 83437@http://www.kriesi.at/support/ <p>Thank you! We're getting closer;) I don't want to take up too much of your time, but as you can see from the picture there's still a blank space left and right of the menu. Is it possible to fill those parts as well?</p> <p>Here's a picture: <a href="http://i48.tinypic.com/ndsg7.jpg" rel="nofollow">http://i48.tinypic.com/ndsg7.jpg</a></p> <p>Also, I had just edited my post, if it's not too much trouble, could you answer the question about the font type as well?</p> <p>Your help is really appreciated! </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83435 Mon, 12 Nov 2012 10:58:55 +0000 Ismael 83435@http://www.kriesi.at/support/ <p>Hi harberentsen,</p> <p>Try to use this code:<br /> <pre><code>.main_menu { background: #ccc; margin: 0; padding: 9px 0; }</code></pre> <p>Just change the background color value. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83429 Mon, 12 Nov 2012 10:25:21 +0000 harberentsen 83429@http://www.kriesi.at/support/ <p>Oh, my bad. this is a direct link to the image: <a href="http://i47.tinypic.com/10p14t3.jpg" rel="nofollow">http://i47.tinypic.com/10p14t3.jpg</a></p> <p>I've tried that particular piece of code and it changed the font color, but only when I delete the other pieces of code I inserted into Quick CSS. It's a neat trick and I might use it, so thank you for that. However, I would like fill the navigation 'bar'. So I'd like to keep the header background white, but I'd want to give the background behind the navigation menu another color.</p> <p>Edit:</p> <p>I just came up with another question. Is it possible to change the font of the navigation menu as well? I'd like to change it into the same font used for the h1 etc tags.</p> <p>Thanks for the help! </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83423 Mon, 12 Nov 2012 10:04:35 +0000 Ismael 83423@http://www.kriesi.at/support/ <p>Hi harberentsen,</p> <p>I can't see the image that you have posted. If its changing the top navigation menu color this code should work, just place it inside Quick CSS or custom.css:<br /> <pre><code>.header_color .main_menu ul:first-child &gt; li &gt; a, #top .header_color .main_menu .menu ul .current_page_item &gt; a, #top .header_color .main_menu .menu ul .current-menu-item &gt; a { color: #333; }</code></pre> <p>Just change the color value. Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/color-of-navigation-menu#post-83414 Mon, 12 Nov 2012 08:56:45 +0000 harberentsen 83414@http://www.kriesi.at/support/ <p>Hi there,</p> <p>This must've been asked a million times already, but I can't find a satisfactory answer. I'm trying to change the color of the navigation bar, but the only thing I've succeeded at is changing the entire header. Is this possible? You'll find a picture below that hopefully explains what I want to change. </p> <p><img src="http://tinypic.com/1r510jo4"></p> <p>Hopefully you'll be able to help me out! </p>