Following is a list of suggestions of things to do and not to do for using Joomla and the Protostar template.

Inline styles are styles that you add to text and images using the text editor interface.

Inline styles can not be overwritten with styles from style sheets.

Inline styles have to be changed individually. If your client decides that he/she wants purple paragraph text throughout the site instead of grey or a different font for the headlines, you would have to open up every article and change these settings manually if you are using inline styles.

Inline styles can really mess up a responsive web design. For example, images may not reduce in size, text may hang out over the edges.

If you want your web site to work well on a variety of screen sizes, avoid using set pixel widths for elements on your page. Look at inline styling in your content and set pixel widths in your stylesheet. 

The Protostar template for Joomla, when using the "static" setting, will have a set pixel width for the outside container, but the span classes for the header, content area, sidebars and footer, all have span classes from Bootstrap 2 and are all a percentage of the containing element. The Protostar template then uses @media styling for more narrow screens, and the container then is assigned a width of 100%. 

Be sure to backup all your current files and the database before running a Joomla Upgrade. In fact, it is a good idea to backup your Joomla Installation and files on a regular basis. If you are going to even edit the index.php file in your template, take the time to make a quick copy of the original first. Even the best coder can break the site with a simple mistake.

Upgrading your site can overwrite some of your files. If you edited the index.php file in your template, it can be overwritten when you upgrade. It is best to make notes where you edited the index.php file - as you will need to replicate those edits with the new index.php. With minor upgrades, you can often replace the new index.php with the old one, but this is not always the case.

The Protostar template comes with template.css as the default stylesheet. This stylesheet is very very long and has many styles that seem to repeat themselves only with minor changes. Just like Joomla's core php files, this file will be overwritten when you upgrade your Joomla site and you will lose any edits that you made.

The Protostar template with Joomla 3.5+ has added code so that you can create a user.css file, place it into the css folder, and Protostar will find it automatically without having to edit the index.php file.

Why is a custom stylesheet a good idea?

Any file that comes with the Joomla installation is a Joomla "Core" file, not including the files in the included front end templates.. When you upgrade Joomla to a new version, the "Core" files are replaced with the newer versions. If you made edits to the old core files, you will lose your edits.

What you should do is create "overrides" for the core files and make your edits in these override files, not in the core files. These overrides have to be placed in the proper sub-folder of your default template for Joomla to find them and use them. 

Your Joomla Text Editor is the box where you write the content for your articles, the description for your categories and the content for your Custom HTML modules.

The default text editor is TinyMCE. You can, and we suggest that your do, install the free JCE Editor Extension. Once this is installed, you must select it as the default text editor in Global Configuration.

These text editors should not be used like a word processor to apply styles the content.

Has helped you with understanding Joomla?

If you would like to make a small contribution to help fund this resource, that would be great, but do not feel obligated in any way.

Donation Amounts

Still not finding a special topic?

Use Google's Search function below for search the content of