http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination Support Forum - Topic: Enormous font for header in Woocommerce/Flashlight combination? en-US Wed, 19 Jun 2013 23:53:59 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination#post-79135 Tue, 09 Oct 2012 16:37:41 +0000 Dude 79135@http://www.kriesi.at/support/ <p>Hi! </p> <p> Glad that you solved the issue :) </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination#post-78993 Mon, 08 Oct 2012 16:31:44 +0000 arjandasselaar 78993@http://www.kriesi.at/support/ <p>Never mind, figured it out after a couple of hours of googling &amp; reading :-) </p> <p>I changed your code to</p> <p>#top.woocommerce .post-title.big_title {<br /> font-size: 20px !important;<br /> line-height: 120%;<br /> }</p> <p>And added this to custom.css.</p> <p>The site now displays correctly in Firefox (which it did before) as well as Chrome (which it didn't).</p> <p>Thanks again!</p> <p>Kind regards,</p> <p>Arjan </p> http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination#post-78970 Mon, 08 Oct 2012 14:31:02 +0000 arjandasselaar 78970@http://www.kriesi.at/support/ <p>Hi Peter,</p> <p>Thanks! That seems to have done the trick! However, the resulting book pages now show slightly topped-off fonts in the heading at certain zoom levels (Google Chrome): <a href="http://nieuw.arjandasselaar.nl/vb1.jpg" rel="nofollow">http://nieuw.arjandasselaar.nl/vb1.jpg</a> for the topped-off font, <a href="http://nieuw.arjandasselaar.nl/vb2.jpg" rel="nofollow">http://nieuw.arjandasselaar.nl/vb2.jpg</a> for the 0 percent zoom view.</p> <p>I don't see this at any other place in the website, regardless of zoom level.</p> <p>Kind regards,</p> <p>Arjan </p> http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination#post-78914 Mon, 08 Oct 2012 07:36:37 +0000 Dude 78914@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following code to css/custom.css or the quick css field:</p> <pre><code>#top.woocommerce .post-title.big_title { font-size: 20px !important; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/enormous-font-for-header-in-woocommerceflashlight-combination#post-78843 Sun, 07 Oct 2012 14:40:36 +0000 arjandasselaar 78843@http://www.kriesi.at/support/ <p>Hi, </p> <p>I'm proceeding nicely building my new website, temporarily hosted at <a href="http://nieuw.arjandasselaar.nl" rel="nofollow">http://nieuw.arjandasselaar.nl</a></p> <p>However, all the Woocommerce pages have the 'big fat heading', as the example files call it, enabled by default. </p> <p>Even though the root page for Woocommerce has the small enabled and I've instructed Woocommerce to use this page as its base page. </p> <p>I've search this forum for over an hour and tried the solutions offered, to no avail. </p> <p>Can anybody help me out? </p> <p>For good measure: what I want is the headings above <a href="http://nieuw.arjandasselaar.nl/boeken-bestellen/social-media-survival-overlevingsgids-voor-journalisten-9789081958400/" rel="nofollow">http://nieuw.arjandasselaar.nl/boeken-bestellen/social-media-survival-overlevingsgids-voor-journalisten-9789081958400/</a> to display in the same size as the heading above <a href="http://nieuw.arjandasselaar.nl/journalistiek/wat-ik-geloof/" rel="nofollow">http://nieuw.arjandasselaar.nl/journalistiek/wat-ik-geloof/</a></p> <p>It would be even better if I could enable this at will per page so that the heading above <a href="http://nieuw.arjandasselaar.nl/boeken-bestellen/" rel="nofollow">http://nieuw.arjandasselaar.nl/boeken-bestellen/</a> (the shop 'base page') would remain large (even though, as stated, I've set it to 'normal').</p> <p>I'd be much obliged.</p> <p>Thanks,</p> <p>Arjan </p>