http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type Support Forum - Topic: changing colors/size in menu type? en-US Wed, 22 May 2013 18:56:48 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-30222 Sun, 23 Oct 2011 00:42:17 +0000 Chris Beard 30222@http://www.kriesi.at/support/ <p>Hey,<br /> as for your Home item you can edit this in your Dashboard under Appearance &gt; Menus.</p> <p>I've also found it's extremely hard to style the headings when using custom fonts for Heading Font, it's best to go for no custom font, the styling should then work without problems. </p> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-30008 Thu, 20 Oct 2011 13:13:01 +0000 armenko 30008@http://www.kriesi.at/support/ <p>thanks Chris, I was able to get menu copy to show "white", but couldn't get anything to work on the hover effect and color change for the hover?...also where does "Home" page reside, is it a default?....thanks</p> <p><a href="http://armkoproperties.com/" rel="nofollow">http://armkoproperties.com/</a> </p> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-29937 Thu, 20 Oct 2011 02:14:12 +0000 Chris Beard 29937@http://www.kriesi.at/support/ <p>In the theme folder you've uploaded (flashlight) there is another folder called "css", in there you'll find dark-skin.css.<br /> In that dark-skin.css file you should look for the first bit of code I pasted. You can then replace<br /> <pre><code>.main_menu .menu a { border-bottom: 1px solid #343434; color: #333333; }&lt;code&gt;by&lt;/code&gt;.main_menu .menu a { border-bottom: 1px solid #343434; color: #ff0099; font-size:20px; }</code></pre> <p>This would give you a pink menu item with a font-size of 20px. The pieces of code after that part (which I also pasted above) also contain color values of other menu-related colors which you can also edit using the hex color codes I linked in my previous post.</p> <p>It is important you edit the file you've uploaded on your server - you can also edit the file that isn't online and then overwrite the online file with your newly edited file. </p> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-29924 Thu, 20 Oct 2011 01:10:07 +0000 armenko 29924@http://www.kriesi.at/support/ <p>where is that CSS folder located exactly, and could it be pasted in as a snippet, and how...Thanks again </p> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-29923 Thu, 20 Oct 2011 01:05:35 +0000 Chris Beard 29923@http://www.kriesi.at/support/ <p>Hey,<br /> in your css folder find dark-skin.css<br /> Here you can look for<br /> <pre><code>.main_menu .menu a { border-bottom: 1px solid #343434; color: #333333; } .main_menu .menu li a span { color: #999999; } #top .main_menu .menu ul li a { border-bottom: 1px solid #343434; color: #888888; } #top .main_menu .menu ul li a:hover { color: #555555; }</code></pre> <p>You can change the <a href="http://www.2createawebsite.com/build/hex-colors.html">hex color codes</a> in there to adjust the colors. I believe you're mainly searching for the first one ( color: #333333; ), if you'd like to make it pink you'd make it : color: #ff0099; and so on.<br /> The size can be adjusted by adding the following right below the color property.<br /> <code>font-size: 20px;</code></p> <p>So it would become:<br /> <pre><code>.main_menu .menu a { border-bottom: 1px solid #343434; color: #ff0099; font-size:20px; }</code></pre> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-29920 Thu, 20 Oct 2011 00:31:59 +0000 armenko 29920@http://www.kriesi.at/support/ <p>spent hours searching all of "support" and it looks like many folks are struggling with changing menu colors and font size of menu easily, in recent themes...Flashlight is great theme, menus font color issue making me feel real stupid, because I coulda had this site done today, tried to adjust color here but it never worked, I am a real coding beginner: Thanks for any advice</p> <p>main_menu .menu li a strong {<br /> display:block;<br /> font-size:14px;<br /> font-weight:normal;<br /> cursor: pointer;<br /> text-transform: uppercase;<br /> } </p> http://www.kriesi.at/support/topic/changing-colorssize-in-menu-type#post-29903 Wed, 19 Oct 2011 21:04:43 +0000 armenko 29903@http://www.kriesi.at/support/ <p>how can this be done, to bad it is not a simple feature in admin panel....thanks for help </p>