A couple small grammar things.
-Throughout this document, you say refer to "Joomla! class suffix", where you should be referring to "a Joomla! class suffix" or "the Joomla! class suffix".
-Some of your images are stretched to the point where your radio buttons look like ovals. Make sure they aren't distorted!
-Watch your capitalizations after "Joomla!"
-You also refer to the Firefox Web Developer extension without mentioning that you should install it. You should either provide install information, or remove all of the instances where you refer to it.
As example, for Windows’ users,
-This should be "Windows users".
Other template may have different settings.
Now add this code inside the
template.css. anywhere you want.
-Remove the "." after template.css, and the "the" before template.css
Add the highlighted codes inside template.css.
-Change "codes" to "code"
Remember, adding class suffix must be exactly as
in the module manager class suffix.
-This could be better worded as "Remember: the class suffix you are adding must be exactly the same as the class suffix in the module manager."
It should look exactly like the beside
-"It should look like the image on the right."
Since Joomla! is a complex web application,
therefore it will be hard for us to do some styling in Joomla!.
-Remove the "therefore" and the "some"
As example we are going to do some styling on Main
-Add an "an" after "As", a comma after "example", and a "the" before "Main"
Then refresh your browser. It must looks exactly
-"Now refresh your browser. It should look like the below image."
In this example we are
going to do some simple styling on Joomla! 1.5 Overview heading.
-Add a "the" after "Joomla!"
Contents before styling. Click on the Joomla! Overview link to go there.
-"To see the content before the styling is applied, click on the 'Joomla! Overview' link"
Type “‐overview” inside Page Class Suffix box.
-put a "the" before "Page"
The same goes to the contentpaneopen‐overview if you want to modify the style to the whole contents.
-"The same goes to the contentpaneopen‐overview, if you want to modify the style of the whole content.
This time we are going to do some styling on Key
-put a "the" before "key"
By now you should at least familiar with the admin page.
-"By now you should at least be familiar with the admin page."
And the result is
-Colon after "is"
If you do “.menu‐horizontal.item38” instead “.menu‐horizontal .item38”, the result is nothing
As this example,
-In this example
it also will affect the menu module
that use the same suffix
Well if you notice, the former doesn’t have table but the later has table beside the module
-"The former doesn’t have a table, but the latter has a table beside the module."
This is very crucial things to consider when we going to do some styling to
-"These are very crucial things to consider when doing some styling to a
We already used a lot in the previous example.
-"We already used it a lot in the previous examples."
Remember if the suffix is style2, in template.css file, you must exactly enter
like modulesuffix or moduletablesuffix.
-remove the comma before "in"
If you want to do a single menu styling, follow as exactly as class
information from Firefox Web Developer plugin.
-"If you want to do a single menu styling, follow the class information exactly from the Firefox Web Developer plugin."
As example on the picture,
-"As an example in the picture,"
we just add the suffix inside the required module manager and code it inside
the template.css file.
-"we just added the suffix inside the required module manager and coded it inside
the template.css file."
Class Suffix also helps us in modify specific module like what we did to the main
menu module. In conclusion, Class Suffix saves us times in styling the required modules.
-"Class Suffixes also help us modify specific modules, like what we did to the main
menu module. In conclusion, Class Suffixes save us time in styling the required modules."