http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold Support Forum - Topic: Change Main Menu Font, Color and Bold en-US Mon, 20 May 2013 22:31:57 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-34193 Thu, 08 Dec 2011 04:13:46 +0000 Chris Beard 34193@http://www.kriesi.at/support/ <p>1) In abundance&gt;js&gt;avia.js find<br /> <code>avia_cufon_helper(&#39;h1, h2, h3, h4, h5, h6&#39;);</code><br /> change this by<br /> <code>avia_cufon_helper(&#39;h1, h2, h3, h4, h5, h6, #top .main_menu .avia_mega a&#39;);</code><br /> This will apply the custom font you've set in your settings.</p> <p>2) In your style.css find <code>#header .container</code><br /> Between the brackets add<br /> <code>margin-top:-20px;</code> </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-34107 Wed, 07 Dec 2011 05:14:17 +0000 oncorsolutions 34107@http://www.kriesi.at/support/ <p>Hi Chris, I emailed you the website (normally I would post it, but this one I can't). </p> <p>1) Want to change the main menu font to Josefin</p> <p>2) Reduce the overall size of the spacing between the top and the main menu (logo does not need to move).</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-34089 Wed, 07 Dec 2011 03:47:39 +0000 Chris Beard 34089@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm not sure, if you could link to your page I could have a look at it. It might be that you're applying it on the main menu text in general instead of on your linked list items. Try placing your .main_menu elements in .main_menu li a.</p> <p>2) In your custom.css add<br /> <pre><code>#top .bg-logo a{margin-top:-10px;}</code></pre> <p>Of course you can change the negative value so the logo moves up more. </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33988 Mon, 05 Dec 2011 19:25:53 +0000 oncorsolutions 33988@http://www.kriesi.at/support/ <p>Question 1)</p> <p>So what am I missing... must be something simple.</p> <p>.main_menu{<br /> font-size:25px;<br /> font-family:"Josefin" !important;<br /> }<br /> .main_menu li a{<br /> color:#ff0099 !important;<br /> }</p> <p>Question 2<br /> How do I reduce the space above the logo?</p> <p>Thanks again! </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33979 Mon, 05 Dec 2011 18:33:36 +0000 Dude 33979@http://www.kriesi.at/support/ <p>No - in this case the standard font (weight) will be used :) </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33953 Mon, 05 Dec 2011 13:30:47 +0000 oncorsolutions 33953@http://www.kriesi.at/support/ <p>Thanks!</p> <p>If I don't bold the Josefin font, do I still need to go through all these steps? </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33935 Mon, 05 Dec 2011 12:54:42 +0000 Dude 33935@http://www.kriesi.at/support/ <p>Hey,<br /> 1) You can center align the menu by adding a padding on the left - use following code in css/custom.css:<br /> <pre><code>#top .main_menu .avia_mega { padding-left: 40px; }</code></pre> <p>If you'd like to use the mega menu it's not possible to change the menu position because the mega menu calculation requires a left aligned menu.</p> <p>2) The problem is that cufon fonts support only one font weight - if you'd like to use bold too you need to generate a new cufon file which contains the bold version and the standard version. However this will increase the loading times quite a bit because the file size increases. </p> <p>You need to create a new cufon javascript file here:</p> <p><a href="http://cufon.shoqolate.com/generate/" rel="nofollow">http://cufon.shoqolate.com/generate/</a></p> <p>At the fifth imput field from the top which is labeld: "Use the following value as the font-family of the generated font (optional)" you need to enter the word "cufon" (without quotation marks). You can get the source font file from here: <a href="http://www.fontsquirrel.com/fonts/Josefin" rel="nofollow">http://www.fontsquirrel.com/fonts/Josefin</a></p> <p>Then replace the right font file in corona\framework\js\fonts </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33909 Mon, 05 Dec 2011 01:35:00 +0000 oncorsolutions 33909@http://www.kriesi.at/support/ <p>1 more question... how can I centre the main menu? </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33908 Mon, 05 Dec 2011 01:30:57 +0000 oncorsolutions 33908@http://www.kriesi.at/support/ <p>Thanks... you guys are amazing! It all worked, but I would like to change the font to the Josefin that is all ready loaded as part of the theme, but I can't seem to get it to work.</p> <p>Also, quick question, how do you reduce the space at the top (between the top of the page and the logo / search field).</p> <p>Thanks again! </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33825 Sun, 04 Dec 2011 05:30:56 +0000 Chris Beard 33825@http://www.kriesi.at/support/ <p>Hi,</p> <p>in your custom.css add<br /> <pre><code>.main_menu{ font-size:25px; font-family:&quot;Times New Roman&quot; !important; } .main_menu li a{ color:#ff0099 !important; font-weight:bold; }</code></pre> <p>It should be pretty obvious what stands for what. Font size, font family &amp; font color, the font-weight is for making it bold. You can obviously change the family &amp; color etc. If you want to use special fonts you can check out <a href="http://www.google.com/webfonts#ChoosePlace:select">this</a>. </p> http://www.kriesi.at/support/topic/change-main-menu-font-color-and-bold#post-33764 Fri, 02 Dec 2011 18:54:55 +0000 oncorsolutions 33764@http://www.kriesi.at/support/ <p>How do I change the main menu on Abundance to a different font, being bold and a different color.</p> <p>Thanks! </p>