How to Add Custom HTML to Your Joomla Site

How to Add Custom HTML to Your Joomla Site




This tutorial is going to show you how to add custom HTML to your site in Joomla. For the purpose of this tutorial, we will assume that you are logged into your administrative panel of your Joomla site.

In the menu bar in the upper menu, click on Extensions, then on Module Manager. This will open a window that will show you all your modules. If some are missing, go to the bottom of the page, and make sure the Show ___to a page is set to show All. This will bring them all up for you to view.

Manager page, scroll right and click on New. From the list of available new modules, select Custom HTML. Scroll right, and click on Next. On the Module edit form, start by entering a title for your new Module. The next option is Show Title. If this is set to Yes, the module name will be displayed on the front-end. Scroll down to the text box. In the icons for the editor, you will see a small HTML icon. Click on this icon. This gives you an HTML Source Editor box. Enter your HTML code here. When you are done, click update in the lower left corner. Scroll up, and in the right hand column you will see a section called Parameters. Where it says Module Class Suffix, enter the suffix for the CSS class of this module, such as -html. For example, the CSS class name of this module could be .example-html. Click the save button in the upper right corner, and the custom HTML module will now appear on the front-end.

That is the end of this tutorial. You now know how to add custom HTML to your Joomla site.

  • 75 Users Found This Useful
Was this answer helpful?

Related Articles

An Overview of the Different User Types of Joomla

An Overview of the Different User Types of Joomla This tutorial will help you understand the...

How to Change the Default Admin's Username in Joomla

How to Change the Default Admin's Username in Joomla This tutorial will teach you how to...

How to Change Your Front Page Content in Joomla

How to Change Your Front Page Content in Joomla This tutorial is going to show you how to...

How to Log in to Your New Joomla Account

How to Log in to Your New Joomla Account This tutorial will teach you how to log into your...

How to login to Joomla as the Default Administrator

How to login to Joomla as the Default Administrator This tutorial will teach you how to login...