Let’s chat on Twitter about business and side projects. Once the page is loaded, look for a typography tab or fonts and now here I can change global sizes or content headings, site title and tagline, the main menu, the header bar, a wide range of things. Section 1: manage web fonts in site (font size … Fonts have character sets designed to accommodate different languages. These design options are located in the widgets’ Style tab. Viewing 10 replies - 1 through 10 (of 10 total). If your WordPress theme doesn’t have an option for changing font size within its available settings, then I highly recommend getting a new theme. To change the font size of the site title and tagline use below given CSS. The process involved in order to change WordPress font size, is very simple. Once you’re there, look for menu options that clearly indicate the ability to control the visual style of your blog. The font size appears perfect in mobile phones and tabs. This is where you can browse through questions other theme users have submitted (and had answered by the theme company), or ask your own. Before hitting publish: Be sure to preview the font size change in the preview area to the right of where you just added in the CSS rule, to make sure you’re getting your desired outcome. Change the font size in WordPress using the TinyMCE plugin. Thank you. Let’s add a Google font as an example. I try and keep my plugins to a minimum as well—which is why changing font size is always best done at the theme settings level (or by CSS if that’s truly your only option). Using Custom CSS to Change Font Sizes. To change the font size on WordPress using HTML, simply use HTML tags with the style attribute, while utilizing the font-size property value element. I hate missing support questions, so my apologies. The simplest method to change fonts and their sizes is to adjust them from the theme Customizer. Method 1: Using the Visual Editor’s Paragraph Headings. Actually, I’m not a fan of special plugins for each things on the blog. It’s easier than it might sound. Finally, you’re ready to hit publish and set your font size change live . Support Forum Instructions Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here. For this go to Admin panel > Appearance > Customize > Additional CSS and paste below given CSS..site-branding .site-title { font-size: 32px; } .site-branding .site-description { font-size: 16px; } Here you can change the size as per your requirement. And I prefer to do what I want manually. This is where you finally get to choose your new font. For example, in Mesmerize theme, you’ll find options related to typography in General Settings. If you’ve tried and tried to find a way to change font size … vmdials. Select the TEXT tab or HTML editor – not the Visual tab. It’s still not easy to figure out how to change your font size in WordPress (unless you have a great theme). If you want to change the font size of all paragraph text to 18px (for example), which is the tag used for your general body content when writing blog content, then you’d add in this following CSS rule: You can swap out the 18px for whichever font size you want your paragraph text to be—and you’re all set! The page I need help with: [log in to see the link], Sorry, page is https;//staging1.baltimoreaaghs.org. If there’s any custom CSS already added into your theme, you’ll see it here: Here’s where you’ll input your new CSS rules (to change specific element font sizes across your site). Either way, chances are high that there’s a buried setting for changing your font sizes somewhere within your WordPress theme—and the right help article or explanation from your theme’s support team could be exactly what you need. NEW VIDEO: https://www.youtube.com/watch?v=lCG9Jxd6MlwAre you wanting to change the font size on your WordPress posts and pages? Text Color: Choose the color of your text. It works great except on mobile, where I Would like image to display above site title. No longer have access to your site but the code above and for responsive mobile, my guess would be modified to be this: The first part is for small screens and then the second part that follows the @media line is for larger displays which uses the code I originally gave you. Many Elementor Widgets offer the ability to edit text color and typography settings. Here’s a screenshot of all the new editing options that get added to your content editor once TinyMCE is installed—including the ability to change font size: The only reason that changing font size with a WordPress plugin like TinyMCE is in last place on this list of options, is because these kinds of plugins tend to add more bloat to your website. Plus, you can change the pixel size, customize the font into bold, italic, light/medium, etc., and even change colors on the Google Fonts platform. How to Load Google Fonts into WordPress. . Choosing “All Subsets” will make the font files much larger and increase your load times. Click on that. I think I found the last problem and fixed it. That will change the font for the site title and all other headings on the site. You can do the same for Posts. After logging into the WordPress Dashboard, click Pages. Font Size Set the font size in pixels. So you can check out the logo. Haven’t started your blog yet? Because I’m not a developer by trade myself, I prefer adding CSS rules to my blog through the “Additional CSS” area in the “Customize” section of my Appearance Settings (rather than editing the actual CSS file of my entire site). It would … Support » Theme: JustBlog » Change site title font size. Was This Article Helpful? For desktop view, site-description font is much smaller and not centered. What if you want to change the text color across … Just to give a head start, the process involved to change WordPress font size, is very simple. However, it looks very small in Laptops & desktops. Same here. This increases the amount of code that’s loading on each page, and thus takes your pages longer to load (which isn’t an ideal blog SEO best practice). Do you see those options anywhere in your theme settings? And to be clear, there are actually multiple different ways to change font size on your WordPress blog. You can enter a hex value or choose from a color picker. But I solved the problem. The final way you can change font size on your WordPress blog, is by using a plugin that’s designed specifically for this purpose. When writing your content in the visual editor mode, you can easily change your font size from paragraph to heading.It’s useful when you want to use a bigger font size for headings or subheadings to make your content easier to read.. To do that, make sure you’re in the Visual Editor mode. That being said, check out this WP support thread I found interesting: https://wordpress.com/forums/topic/changing-header-size-in-css/, Changing Site-Wide Font Size in Your Theme Settings, Installing a WordPress Font Plugin (Like TinyMCE), How to Change the Font Size on Your WordPress Blog (3 Smart Ways) in 2020, 21 Best Domain Name Generators in 2020 for Bloggers to Get Domain Name Ideas, 40 Blogging Statistics You Need to Know in 2020 (to Blog Smarter This Year), https://wordpress.com/forums/topic/changing-header-size-in-css/, Blog Income Report for November 2020: How I Earned $23,024.04 Blogging (Last Month), ConvertKit vs AWeber vs Mailchimp: Comparison and Review for 2020 (and When to Make a Switch), 101 Best Business Ideas You Can Start in 2020 (and Make Money) on the Side of Your Day Job, #132: Best-Selling Author Jeff Goins on Building an Engaged Blog Audience (of 250,000 Readers/Mo), #131: How Todd Grew a $1,200/mo Personal Finance Blog (on the Side) and Gets 20,000 Readers, #130: Laura Roeder on Growing Edgar from Social Media Side Project to $1 Million in One Year. Family – Choose your font family; Size – Choose a size for your font (learn more about px, em, etc.) Trust me, if your existing theme doesn’t have this option, what else might it be missing out on? In general, the faster you can get your blog pages to load, the more favorable your site will be looked up in the eyes of search engines—and thus the more traffic you’ll likely get to your blog. But if that’s too technical for you—then go with a WordPress plugin like TinyMCE that’ll add font size options to your content editor. Click on a paragraph that you would like to modify the text size for. Even still, it took me some time to learn this on my own. I tried this method for my site, but it doesn’t work. Head over to my ultimate guide to starting a blog and jump in today. I need to know how to change the font SIZE for the site title, not necessarily the font family. If you can please provide step by step directions for how to do this, that would be very much appreciated. Really glad this tutorial helped, Michael. Looks good. To change only the site title, not all headings, you can use this CSS: h1.site-title a { font-family: 'Roboto Slab', sans-serif; } That will give the site title the same font as the default heading font on the theme. When you’re just getting started with blogging, wanting to change the font size for various text elements across your blog—ranging from your default site-wide paragraph text size, to changing how large your headings appear to readers—it’s surprisingly not intuitive to figure this out. To change the font size for the title, add this to the Additional CSS tab in the customizer and then adjust the font size to your preference: #site-title { font-size: 3rem; } For the site description (tagline) #site-description { font-size: 1rem; } Not sure about your logo as I was unable to access your site. In addition to adding unique font to your WordPress site, you’ll need to adjust the font size. How To Change Font Size in WordPress. You 1. enter the WordPress Admin Dashboard, 2. where you hover over “Appearance” 3. and press “Customize”. Controls the WordPress font color. Choose the Font Family. To change the font size for the title, add this to the Additional CSS tab in the customizer and then adjust the font size to your preference: Not sure about your logo as I was unable to access your site. Click Save & Publish when done. You can define the overall font color in your site by defining it in the body CSS selector like this: body { color: #333; } Font size. You can do this via the editor or Customiser. It adds a lot of new options, features and can drastically change the visual layout of your content editor. What are some ways I should market my blog, Hey Divine, I’d recommend checking out the 40 most effective ways I’ve grown my blog right here: https://www.ryrob.com/how-grow-blog/. Once you’re in, find the menu item for “Additional CSS” and click on that. How do you change font size of the site-title and tagline, and place the logo to the left of the site title on the same line. First, you need to check and see if your WordPress theme gives you that option. Know that I only recommend products and services I’ve personally used and stand behind. Navigate to your theme’s website or WordPress listing in their Theme Directory like so: Scroll down the page until you see the “View Support Forum” button. The CSS code: /* SITE TITLE */ /* Mobiles */ .site-title { font-family: Tahoma; font-size: 20px; text-transform: lowercase; } /* Computer screens */ @media screen and (min-width: 48em) { .site-title { font-family: Tahoma; font-size: 40px; text-transform: lowercase; } } /* SITE DESCRIPTION */ /* Mobiles */ .site-description { font-family: Tahoma, Geneva, sans-serif; font-size: 15px; line-height: 17px; … The site is staging1.baltimoreaahgs.org. Changing the Text Color in the Theme Customizer. This video shows an easy way to change the font, style, and size as well as the hover color of your Wordpress title themes. Open WordPress Editor. if you have recently Installed WordPress Blog then you will see at the top of the site displaying WordPress Title and Tagline. Changing the font size using CSS requires adding lines of codes. Try that and see if it works. This code is working for Site Title but it looks very big on mobile phones: #logo a.navbar-brand{font-size: 40px;font-family: serif;} Pls suggest. Full-time blogger, podcaster and side project aficionado. Take a little time to do some digging. The best (free) plugin on the market for accomplishing that today is TinyMCE, and they make it pretty dang easy to adjust font sizes on the go within an individual post or page during the editing/writing process. Thank you so much for sharing this valuable post. Another method I learnt is to go to ‘customize’ in your WordPress site, then choose typography, then you’ll see the options to change your site font for both header and body fonts. Almost there. If your site is in English, select the first option, Latin. Steps to Modify the Size of Fonts in WordPress. Font sizes are generally determined by units of measurement, as in these examples: Thanks for all of your help. There are a few ways to increase or decrease font size and text formatting in WordPress. If it doesn’t work, go back into font controls, delete the location you pasted in, and try again using a different location in your CSS where the original font was listed. One last tweak. Thanks, Ryrob for sharing information on How to Change the Font Size on WordPress Blog. Commentdocument.getElementById("comment").setAttribute( "id", "af9577669650cf155f5d2c76a8da953f" );document.getElementById("f485636b88").setAttribute( "id", "comment" ); Save my name, email, and website in this browser for the next time I comment. thanks again! Again, sorry for late reply. Now if you still can’t find any help articles and your theme developer can’t help either… my next advice is to switch to a better WordPress theme. Background Color As with the Font Color, here you can choose a background for the paragraph or heading text. Now, all WordPress installs have a customizer, but not all of them allow you to change fonts. Thanks for this post. Change the Script/Subset. 1. Style. You can do this by: Log in to the WordPress Dashboard. Managed to get it done for notebook and mobile. Remember, it may take several tries to get it to work. We’re going to walk through each of them and I’ll show you which ones are the smartest ways to go about making these changes and when—without negatively impacting your blog SEO or site readability. Hands down, the safest and most sustainable way to change font size on your WordPress blog is by adjusting it in your theme settings.