{"id":6248,"date":"2023-11-16T19:56:00","date_gmt":"2023-11-17T00:56:00","guid":{"rendered":"https:\/\/www.ragesw.com\/blog\/?p=6248"},"modified":"2024-01-18T05:14:58","modified_gmt":"2024-01-18T10:14:58","slug":"everwebs-new-minimum-font-size-feature","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2023\/11\/16\/everwebs-new-minimum-font-size-feature\/","title":{"rendered":"EverWeb&#8217;s NEW Minimum Font Size Feature!"},"content":{"rendered":"\n<div class=\"wp-block-cover is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-luminous-vivid-amber-background-color has-background-dim-0 has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"829\" class=\"wp-block-cover__image-background wp-image-6252\" alt=\"Use Minimum Font Size in EverWeb for scaleable text!\" src=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2023\/11\/font-size.jpg\" style=\"object-position:50% 37%\" data-object-fit=\"cover\" data-object-position=\"50% 37%\" srcset=\"https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2023\/11\/font-size.jpg 800w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2023\/11\/font-size-290x300.jpg 290w, https:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2023\/11\/font-size-768x796.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<p>In our new <a href=\"https:\/\/www.ragesw.com\/blog\/2023\/10\/03\/new-in-everweb-4-0-membership-sites-global-styles-seo-check-page-and-much-more\/\" target=\"_blank\" rel=\"noopener\" title=\"New in EverWeb 4.0: Membership Sites, Global Styles, SEO Check Page and Much More!\">EverWeb 4.0<\/a> release we introduced a small but important feature &#8211; Minimum Font Size &#8211; to the Text Inspector. This new feature allows you to easily seamlessly scale your text to suit whichever device you are displaying your page upon. You can apply this feature to TextBoxes, the Styled Text Editor and to blog posts in the Blog Post Editor. <\/p>\n\n\n\n<p>To be able to use this feature, you will need to be using <a href=\"https:\/\/everwebapp.com\" target=\"_blank\" rel=\"noopener\" title=\"\">EverWeb<\/a> 4.0 or higher. Prior to EverWeb 4.0, you could make text scaleable using a combination of EverWeb&#8217;s Show on Device feature and different sized TextBoxes or Widgets that used the Styled Text Editor, such as the FlexBox and Text Section widgets. You can find out more on how to mimic scaleable text in in older versions of EverWeb in our blog post Scaleable Text in EverWeb.<\/p>\n\n\n\n<p>In EverWeb 4.0 the whole process of setting up, and using, scaleable text is incredibly simple. <\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">&#8216;On The Fly&#8217;  Scaleable Fonts<\/h2>\n\n\n\n<p>You can make any text in a TextBox scaleable instantly. Simply highlight the text you want to scale, then go to the Text Inspector if it is not already displayed. You will see the font size of your selected text displayed in the default font size field, for example, 36 point. Further down the Fonts section of the Text Inspector, is the &#8216;Minimum Font Size&#8217; field. If the field is set at zero, there is no text scaling.  In this example, the default font size is 36 point, so you could set the minimum font size to 18 point. <\/p>\n\n\n\n<p>Once you have set the default and minimum font size, you can test out the scaleable text by reducing the right hand side of the EverWeb app. You should see the text size reduce down from 36 to 18 point. Reset the width of the EverWeb app back to its original width. <\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Up Default Scaleable Text Defaults<\/h2>\n\n\n\n<p>In some instances, it is useful to just have a scaleable font as and when you need it. There may be other times however, when you want to set up you scaleable font as a default. Again, that is easy to do in EverWeb. If, in the above example, the text you selected was linked to a Paragraph Style, you can update the Paragraph Style with the Minimum Font Size value that you input. To do this, simply click on the blue Update button to the right of the Paragraph Style. <\/p>\n\n\n\n<p>If your text does not have a Paragraph Style associated with it, you can either create a new Paragraph Style using the current font settings, or change an existing unused Paragraph Style. If you choose the latter option, use the settings button to the right of the Paragraph Style (this will either be an ellipse in a circle icon, or a down arrow icon) and select the option to &#8216;Redefine Style from Selection&#8217;. <\/p>\n\n\n\n<p>The third way to make your Minimum Font Size a default for a Paragraph Style is to update the Paragraph Style in the Format-&gt; Default Styles&#8230; dialog box. In the Paragraph Styles section, select the Paragraph Style you want to update. Enter the Minimum Font Size value that you want to use for the Paragraph Style, then press Save when finished. Done!<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Using Minimum Font Size in the Styled Text Editor and Blog Post Editor<\/h2>\n\n\n\n<p>You can also take advantage of minimum font size in the Styled Text Editor which is used in the FlexBox, Text Section and PayPal widgets. To use the minimum font size feature you will have to associate your piece of text with a Paragraph Style. To do this, just select the text you want, then select the Paragraph Style from the dropdown menu at the top of the Styled Text Editor. If you ever want to change the Minimum Font Size value, you will need to do this either via the Format-&gt; Default Styles&#8230; menu option or via the Text Inspector.<\/p>\n\n\n\n<p>The same principle also applies when using the Blog Post Editor as with the Styled Text Editor. Simply highlight the text in the Blog Post Editor that you want to scale, then click on the Paragraph Style button in the Blog Post Editor&#8217;s Toolbar. Select the Paragraph Style you want to use. Again, to change the Minimum Font Size, you will need to use either the Format-&gt; Default Styles&#8230; menu option or the Text Inspector.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>EverWeb&#8217;s Minimum Font Size option brings scaleable text to your website and makes it super easy to set up and use! <\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">EverWeb on Social Media<\/h2>\n\n\n\n<p>You can also find EverWeb&nbsp;on&nbsp;the following social media platforms:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.facebook.com\/everwebapp\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/flipboard.com\/@everweb\/everweb-m8efhguby\" target=\"_blank\" rel=\"noreferrer noopener\">Flipboard<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/channel\/UCSse-zNlNxTyo7g8JwuVzOg\" target=\"_blank\" rel=\"noopener\" title=\"\">YouTube<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/x.com\/everwebapp\" target=\"_blank\" rel=\"noopener\" title=\"\"> X<\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.instagram.com\/everwebapp\/\" target=\"_blank\">Instagram<\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/www.facebook.com\/everwebapp\/\" target=\"_blank\"><\/a><br><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>EverWeb 4.0 now makes it easy to add scaleable text to your website! Find out how in our latest blog post!&#8230;<\/p>\n","protected":false},"author":844,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[252,247,2],"tags":[865,859,279,933,712,760],"class_list":["post-6248","post","type-post","status-publish","format-standard","hentry","category-everweb-software","category-everweb","category-software","tag-best-website-builder-2023","tag-best-website-builder-for-windows","tag-everweb","tag-minimum-font-size","tag-no-coding-website-builder","tag-scaleable-text"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/users\/844"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/comments?post=6248"}],"version-history":[{"count":11,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6248\/revisions"}],"predecessor-version":[{"id":6349,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/posts\/6248\/revisions\/6349"}],"wp:attachment":[{"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/media?parent=6248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/categories?post=6248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ragesw.com\/blog\/wp-json\/wp\/v2\/tags?post=6248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}