http://www.kriesi.at/support/tags/editing-css Support Forum - Tag: editing css - Recent Posts en-US Tue, 21 May 2013 13:14:41 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88104 Thu, 13 Dec 2012 21:03:30 +0000 Nick 88104@http://www.kriesi.at/support/ <p>Hi,</p> <p>I just wanted to add that I made a video showing how everyone should be going about finding what CSS to change using Google Chrome Developer Tools. I showed through trial and error, it is very possible to stumble along and hack your way around by trying various combinations without getting frustrated, until the colors of the menu are just how you want them. This is not rocket science. Creating it from nothing is art, but manipulating it is not difficult.</p> <p>Please notice I have notepad waiting open where I paste the css once I see that it has the desired effect. Then I add it to Quick CSS at the very end to save it. Even if someone has no idea what CSS is, it is still possible to get results.</p> <p><a href="https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE</a></p> <p>Thanks,</p> <p>Nick</p> <p>* The video is a dramatization illustrating a process. In reality, Nick got a black belt in CSS, and a pair of boots to match.* </p> http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88090 Thu, 13 Dec 2012 20:32:47 +0000 Ismael 88090@http://www.kriesi.at/support/ <p>Hey,</p> <p>Let us close this one then. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-88089 Thu, 13 Dec 2012 20:31:23 +0000 bruwa 88089@http://www.kriesi.at/support/ <p>Hi Ismael</p> <p>thanks for the input. It worked, but did not entirely solve my problem.</p> <p>As there are some additional questions, I started a new thread: <a href="http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88058" rel="nofollow">http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88058</a></p> <p>Regards,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-87937 Thu, 13 Dec 2012 02:14:50 +0000 Ismael 87937@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>Try this code instead:<br /> <pre><code>.main_menu .menu li a strong { color: #ffffff; font-size: 12px; font-style: italic; }</code></pre> <p>Just change the values. Also, if it doesn't change you can use the !important.</p> <p>If you want a dark background and white font you can just switch your theme skin to dark, by going to Flashlight &gt; Styling &gt; Which general color scheme should be used? and set this to "Dark"</p> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-font-color-style-and-size-of-the-navigation-main-menu#post-87848 Wed, 12 Dec 2012 16:20:39 +0000 bruwa 87848@http://www.kriesi.at/support/ <p>Hi</p> <p>I tried to change the font <strong>color</strong> in the navigation / main menu to white with this code:</p> <p>#top .main_menu .menu a {<br /> color: #ffffff;<br /> }</p> <p>Unfortunately it does not work (adding "!important") did not work either.</p> <p>How can I also change the font <strong>size</strong> and <strong>style</strong> of the navigation / main menu?</p> <p>**************</p> <p>As I changed the background to gray:</p> <p>.box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget {<br /> background: #636466;<br /> }<br /> #top .main_menu .menu ul {<br /> background: #636466;<br /> }</p> <p>I want tho change any font color in the theme to white.<br /> Is there a way to do this once for all?<br /> <strong>Setting the Flashlight styling option "Font Color on colored background" to white ("#ffffff") did not do the trick!</strong></p> <p>Thanks,</p> <p>Bruno </p>