How to Set Joomla Text Size


The Joomla content management system (CMS) templates make creating and managing websites easier. Most Joomla templates are customizable. You can make text size changes directly in the content article or in the customizable module. Sometimes a text size change to a particular element such as a module type will need to be made in the cascading style sheet and uploaded via FTP.

Making Text Size Changes in a Content Article

  • Log into the administrative panel of the website. You will need the user name and password to gain access.

  • Point your mouse on “Content” located in the main menu. A drop-down menu will appear. Click on “Article Manager.”

  • Open the article you wish to modify. The Article Manager: Edit Article screen will open. Scroll down to the text box located in the Edit Article box.

  • Highlight the text you want to change. Click on the arrow located to the right of the Paragraph options box. A list of text styles will appear. These styles include Paragraph, Heading 1, Heading 2 and Heading 3. The font family and size that correlate to these styles are preset in the template’s cascading style sheet (CSS). Choose an option. The text size will change. Preview your changes to make sure they appear as you want.

  • Click on “HTML” located below the Text Style options box. This gives you another option for making text size changes. Making changes in the article's code allows you to apply customized changes. An HTML box opens. You will need to know HTML in order to apply changes in this box. Type in the code just as you would apply any HTML. A simple HTML code that will change font size is:

    <span style="font-size: 36px;"> Your text here</span>

Making Text Size Changes in Modules

  • Point your mouse on “Extensions” located in the main menu. A drop-down menu will appear. Click on “Module Manager.”

  • Click on “New” to create a new module. You can also modify an existing module by opening up that module. However, you can only modify the text in “Custom HTML” modules through this method.

  • Click on “Custom HTML.” This brings up a screen similar to the Edit Article screen. Follow the instructions outlined for customizing an article.

  • Photo Credit Medioimages/Photodisc/Photodisc/Getty Images
Promoted By Zergnet


You May Also Like

  • How to Adjust Browser Font Size

    All well-designed websites incorporates the text size defined in your browser. You can set the text to any size that is most...

  • How to Change the Footer in Joomla

    One of the most commonly requested changes to an installation of the Joomla content management system is how to change the footer...

Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!