http://www.kriesi.at/support/tags/font-size Support Forum - Tag: font size - Recent Posts en-US Fri, 24 May 2013 02:11:59 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-change-title-description-font-size-on-shop-product-category-pages#post-113156 Thu, 23 May 2013 04:28:03 +0000 Ismael 113156@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can change the title with this</p> <pre><code>#top .big_title .page-title { font-size: 30px; }</code></pre> <p>And the category description using this</p> <pre><code>.term-description p { font-size: 20px !important; }</code></pre> <p>Don't remove the !important.</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-change-title-description-font-size-on-shop-product-category-pages#post-112971 Wed, 22 May 2013 14:33:11 +0000 MariahW 112971@http://www.kriesi.at/support/ <p>Thanks Ismael, but I'm not using a custom font and adding that code did not change anything. How do I change the font size of the title on the Shop and Product Category pages? Right now they are way too big. And the font of the category description is way too small and I'd like to make it bigger.</p> <p>Thank You! </p> http://www.kriesi.at/support/topic/how-to-change-title-description-font-size-on-shop-product-category-pages#post-112868 Wed, 22 May 2013 08:03:57 +0000 Ismael 112868@http://www.kriesi.at/support/ <p>Hi,</p> <p>If you are using a custom font, you can use this</p> <pre><code>.page-title.cufon_headings canvas { width: 300px !important; height: auto !important; }</code></pre> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-change-title-description-font-size-on-shop-product-category-pages#post-112834 Wed, 22 May 2013 05:53:55 +0000 MariahW 112834@http://www.kriesi.at/support/ <p>I would like to change the font size of the title on my main Shop page and on my Product Category pages. (I have already adjusted title fonts and am happy with them on the individual product pages.) On the Shop and Product Category pages I'd like to make the main title smaller and the description larger. Anyone know how to do that?</p> <p>I already used this to change the titles on individual product pages:<br /> '#top.woocommerce .post-title.big_title{<br /> font-size: 22px;<br /> }' </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112457 Mon, 20 May 2013 15:22:34 +0000 Devin 112457@http://www.kriesi.at/support/ <p>All your theme settings are saved to the theme name in the database. You don't lose them when overwriting the theme files.</p> <p>I don't know if the child theme is set up correctly or not, but it shouln't be doubling your menu. You can check the menu in Appearance&gt;Menus and see if they are double there (while the child theme is active).</p> <p>Typically, you would use a child theme if you were editing the theme files so that you could just update the Corona parent theme by downloading updates and overwriting the whole theme. </p> http://www.kriesi.at/support/topic/woocommerce-product-page-remove-second-title-and-smaller-fonts-for-titles#post-112420 Mon, 20 May 2013 12:41:26 +0000 Seerkat 112420@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>I have decided to leave it as is for the time being. Wary of installing updates as it seems to work as I want it now - if its not broken don't fix it!</p> <p>Regards,</p> <p>Michael </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112165 Sat, 18 May 2013 15:20:13 +0000 onetouchon 112165@http://www.kriesi.at/support/ <p>Hi Devin,<br /> Thanks. So what is the Child theme for? When I activate child theme all my menu becomes double. So, I have Two Menu lines, for example, Top menu "About Us" and bottom menu "About Us". When I overwrite the Corona theme is it going to overwrite all menu customization, color customization we did? What about the post, is it going to change the blog post? We renamed few of the example pages and sample blog post, are all those going to get lost? You can have a look at our site: <a href="http://www.onetouchon.com" rel="nofollow">http://www.onetouchon.com</a>.</p> <p>Thanks very much</p> <p>Regards,<br /> Naz </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112148 Sat, 18 May 2013 14:01:26 +0000 Devin 112148@http://www.kriesi.at/support/ <p>Hi Naz,</p> <p>You can update your main corona theme by simply downloading the most recent theme files from your downloads on Themeforest and then overwriting you current theme files on your server with the newly downloaded files.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112090 Sat, 18 May 2013 04:35:20 +0000 onetouchon 112090@http://www.kriesi.at/support/ <p>Hi Nick,<br /> Now that my child theme is working, is there anywhere I could find the steps how to update my corona from 1.2 to 1.5 using the child theme process? When I activate child theme all my menu becomes double. So, I have Top Menu line "About Us" and bottom menu line "About Us"</p> <p>I am really excited to update, any support will be greatly appreciated, thanks a lot.</p> <p>Regards,<br /> Naz </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112089 Sat, 18 May 2013 04:21:21 +0000 onetouchon 112089@http://www.kriesi.at/support/ <p>Hi Nick,<br /> Devin was correct, import URL needed to be absolute full path. Now it is working, thank you team, you guys are the best.</p> <p>Regards,<br /> Naz </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-112086 Sat, 18 May 2013 03:48:12 +0000 onetouchon 112086@http://www.kriesi.at/support/ <p>Hi Nick,<br /> Thanks for your prompt reply. Sorry, it is not the capitalization, I checked, both name was using small letters, corona parent and corona-child. I tried deleting the corona-child using Filezilla , creating new folder corona-child under parent folder corona, still it does not work. I also tried following the steps below:</p> <p>1. Download corona child-theme<br /> 2. Used ftp to upload the folder found inside the zip and place under Corona theme. Then tried going to backend where you normally activate themes, and you will see an option to activate the Corona child - but nothing is there.</p> <p>I am trying to upgrade from 1.2 to 1.5. After spending lots of time reading your forum I realized installing the child theme would be the best option, but I have spend over 12 hours trying to get child theme working. Can you please try login in my web site as admin and see if you can please fix it? I can email you the user name and password. website is: <a href="http://www.onetouchon.com/wp-admin/" rel="nofollow">http://www.onetouchon.com/wp-admin/</a> . User name is my user name here onetouchon, pwd I can email to you.</p> <p>Thanks very much for your help, much appreciated.</p> <p>Regards,<br /> Naz </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-110954 Mon, 13 May 2013 23:43:27 +0000 Nick 110954@http://www.kriesi.at/support/ <p>Hi Naz,</p> <p>I think that corona bug is likely Corona vs. corona ... (capitalization is off in import line, or in theme name, or in parent folder (my original was correct format - see below, just capitalization...)). Also if you named your parent theme folder Corona then inside the child style.css , you need to have identical capitalization. One letter difference and it won't find it. Almost guaranteed that is the reason.</p> <pre><code>@import url(&quot;../Corona/style.css&quot;);</code></pre> <p>===</p> <p>Next time you make a post, make sure you add ''nick'' as a tag. Somehow the previous request lost it (since I added it) so you were in limbo. Sorry about that.</p> <p>===</p> <p>For the Map, since Google changed the API, I would recommend you install this free plugin <a href="http://wordpress.org/extend/plugins/google-maps-by-daniel-martyn/" rel="nofollow">http://wordpress.org/extend/plugins/google-maps-by-daniel-martyn/</a> , which will generate a shortcode based on your input. Just add the shortcode where you want the map to show up .. There are lots of customizations, so let us know if that is what you were looking for.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/woocommerce-product-page-remove-second-title-and-smaller-fonts-for-titles#post-110776 Mon, 13 May 2013 05:27:04 +0000 Ismael 110776@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please download the latest version of Flashlight because it is not happening in my installation. Can you give us a link to your website?</p> <p>If you are using Chrome, just inspect the second title then look for its selector. Go to custom.css and add display: none.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/woocommerce-product-page-remove-second-title-and-smaller-fonts-for-titles#post-110670 Sun, 12 May 2013 11:26:34 +0000 Seerkat 110670@http://www.kriesi.at/support/ <p>Hi,</p> <p>1. In my woocommerce product pages, there is a second title beneath the image which is the same as the title of the product (at the top of the page), but in smaller font. Can this be removed? </p> <p>2. Can the titles on the product gallery page be made a smaller font? I have used some code I found on another thread but it didn't change the font of the titles of these pages: </p> <p>#top .woocommerce .big_title .page-title {<br /> font-size: 24px;<br /> }</p> <p>Regards,<br /> M </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-110500 Sat, 11 May 2013 06:25:47 +0000 onetouchon 110500@http://www.kriesi.at/support/ <p>Hello again:<br /> Could you please help me on how to show the Google map on the contact form? Thanks very much, much appreciated.</p> <p>Regards,</p> <p>Naz </p> http://www.kriesi.at/support/topic/how-to-change-font-size-in-ruler-with-custom-text-field#post-110475 Sat, 11 May 2013 04:54:21 +0000 onetouchon 110475@http://www.kriesi.at/support/ <p>Hello Devin,<br /> I tried, here is the error message:</p> <p>Broken Themes</p> <p>The following themes are installed but incomplete. Themes must have a stylesheet and a template.</p> <p>Name</p> <p>Description</p> <p>Corona Child The parent theme is missing. Please install the "Corona" parent theme. </p> <p>May I please request you to kindly test your answer before you ask me to follow as I tried few times and it does not work, sorry!</p> <p>Thanks for your help </p> http://www.kriesi.at/support/topic/enfold-fixed-font-sizes#post-107983 Tue, 30 Apr 2013 10:35:13 +0000 Devin 107983@http://www.kriesi.at/support/ <p>Hi bluemoonink,</p> <p>I prefer it simply because it allows me to have control over the end result just a little bit more. If you also start with a base size, you know every other percentage css is based on a base size.</p> <p>But you are always open to changing things as you want :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/enfold-fixed-font-sizes#post-107664 Sun, 28 Apr 2013 14:36:43 +0000 bluemoonink 107664@http://www.kriesi.at/support/ <p>Hi:<br /> Just purchased this theme - I LOVE it... most flexible &amp; well thought out I've seen.<br /> I don't really want fixed font sizes for body text &amp; headers, but it looks like that is how the css is? base font 13px and then headers, starting with h6 at 14px? I see it here in base.css:<br /> body {<br /> font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;<br /> color: #444;<br /> /* -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */<br /> -webkit-text-size-adjust: 100%;<br /> }<br /> though everywhere else font-size is "100%".<br /> If I add css to custom.css like this:<br /> body {<br /> font-size:100%;<br /> }<br /> It then uses my browser font size. Is this the correct way to do this? Will it adjust all the headers accordingly? Will mobile still be ok? Is there a reason that I should know why you used a fixed font-size...???</p> <p>Just want to know so I don't inadvertently break something...<br /> thank you </p> http://www.kriesi.at/support/topic/two-formatting-issues-on-product-page#post-106807 Tue, 23 Apr 2013 13:25:15 +0000 djdeweese 106807@http://www.kriesi.at/support/ <p>Nick -- thanks very much. That was just what I needed. Cheers-- </p> http://www.kriesi.at/support/topic/two-formatting-issues-on-product-page#post-106764 Tue, 23 Apr 2013 10:30:14 +0000 Nick 106764@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please add<br /> <pre><code>/*code below for main product title above the price*/ #top.single-product .product_title.entry-title { font-size: 1.7em; } /*code below is for Product Description*/ #top.single-product h2 { font-size: 1.8em; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/two-formatting-issues-on-product-page#post-106692 Mon, 22 Apr 2013 22:36:33 +0000 djdeweese 106692@http://www.kriesi.at/support/ <p>Hi--</p> <p>Thanks for your help. The CSS for resizing the column on mobile was just what I needed and worked great.</p> <p>On the other issue, I wanted to resize the heading, the words "Product Description", and not the &lt;p&gt; text below it. If you can tell me what to modify I'd appreciate it--</p> <p>Thanks-- </p> http://www.kriesi.at/support/topic/two-formatting-issues-on-product-page#post-106380 Sat, 20 Apr 2013 18:38:04 +0000 Nick 106380@http://www.kriesi.at/support/ <p>Hi,</p> <p>Yeh it's a bit difficult to hit the description since nothing around it has a class or an id. The CSS below will hit it though but it will also hit on all product pages the other two blocks of text on the page.. one starting with 'Stretched Canvas' and another starting with 'Archival Matte Paper'. If that is acceptable, take a look and add this code to /css/custom.css or Quick CSS located in Replete &gt; Theme Options &gt; Styling ... text area on the bottom of the page</p> <pre><code>#top.single-product div p { font-size: .9em !important; }</code></pre> <p>==================</p> <p>For the resizing, please add this css<br /> <pre><code>@media only screen and (max-width: 767px) and (min-width: 480px){ #top.single-product .one_half { width: 386px !important; /*was 418px;*/ }} @media only screen and (max-width: 479px){ #top.single-product div.product { width: 356px !important; } #top.single-product .container { width: 358px !important; } #top.single-product .one_half { width: 328px !important; }}</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/two-formatting-issues-on-product-page#post-106166 Thu, 18 Apr 2013 21:23:29 +0000 djdeweese 106166@http://www.kriesi.at/support/ <p>Thanks for the great template ("Replete") and support -- the forums have answered nearly all my questions so far. </p> <p>I've hit a snag on two small items on the product page I'm setting up here: <a href="http://www.dazzlezazz.com/wp/product/a-pillow-of-winds-test/" rel="nofollow">http://www.dazzlezazz.com/wp/product/a-pillow-of-winds-test/</a></p> <p>1) When I reduce the screen size to check for mobile screen compatibility, the two columns in Product Description are cutting off the text on the right-hand side. (I increased the body font-size to 14px -- but that does't seem like it should make the text get clipped.)</p> <p>2) I'd like to reduce the font size of the "Product Description" heading, but I haven't been able to find the right place to do so.</p> <p>Thanks for any help you can provide. </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-104374 Thu, 04 Apr 2013 15:50:00 +0000 mbesh 104374@http://www.kriesi.at/support/ <p>Nick,</p> <p>Shame on us! (Thought we had done that!).</p> <p>You're a 'wizard'! Thanks for being so patient with us 'designers'.</p> <p>Mark</p> <p>ISSUE CLOSED. </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-104255 Thu, 04 Apr 2013 05:58:08 +0000 Nick 104255@http://www.kriesi.at/support/ <p>Hi,</p> <p>Hmm. My suggestion is to clear your browser cache :</p> <p>1.5em : <a href="http://i.imgur.com/EI2ZI5U.png" rel="nofollow">http://i.imgur.com/EI2ZI5U.png</a> (from your live site custom.css as it looks to me)</p> <p>2.5em : <a href="http://i.imgur.com/GaWywRz.png" rel="nofollow">http://i.imgur.com/GaWywRz.png</a> (change on your live dom)</p> <p>:) </p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-104195 Wed, 03 Apr 2013 18:39:53 +0000 mbesh 104195@http://www.kriesi.at/support/ <p>Nick,</p> <p>We wanted to make the font size for all screen sizes a bit smaller, so I put this in the custom.css:</p> <p>#top h1.ajax-portfolio-title {<br /> font-size: 1.5em;<br /> }</p> <p>...and it is no smaller than yours at 2.3em.</p> <p>Suggestions?</p> <p>Mark </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-104091 Tue, 02 Apr 2013 22:25:13 +0000 Nick 104091@http://www.kriesi.at/support/ <p>Hi,</p> <p>I am sorry. The code provided in the above posts with instructions to put it in custom.css created a font size too small? I made changes to my answer above whereby the second css block changes font sizes for all screen size.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-104070 Tue, 02 Apr 2013 19:52:35 +0000 mbesh 104070@http://www.kriesi.at/support/ <p>All,</p> <p>It is a bit big anyhow, so what would be the code to put in the custom.css to make it smaller? (Then we can determine if we need to put the mobile code in, too).</p> <p>Thanks,<br /> Mark </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-103851 Mon, 01 Apr 2013 15:42:52 +0000 Nick 103851@http://www.kriesi.at/support/ <p>Hi,</p> <p>I agree with the solution provided by rabx.</p> <pre><code>@media only screen and (min-width: 480px) and (max-width: 767px) { #top h1.ajax-portfolio-title { font-size: 2.3em; }}</code></pre> <p>Please add the above block of code to your custom.css file or to Quick CSS located in Theme Options &gt; Styling.</p> <p>To see the changes on all screen sizes. Use the code below instead</p> <pre><code>#top h1.ajax-portfolio-title { font-size: 2.3em; }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/angular-ajaxed-portfolio-title-chopped-off#post-103831 Mon, 01 Apr 2013 14:54:18 +0000 Devin 103831@http://www.kriesi.at/support/ <p>Hey Mark,</p> <p>The solution posted by rabx is dead on. You can also add the css to your custom.css file to just overwrite those in the layout.css file which will then keep it easier to backup.</p> <p>Regards,</p> <p>Devin </p>