Article formatting in Joomla

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
Joomla! Apprentice
Joomla! Apprentice
Posts: 26
Joined: Thu Sep 21, 2017 8:44 am

Article formatting in Joomla

Post by medwayboy2000 » Sun May 19, 2019 8:33 am

I am learning on Joomla 3.9 because I don’t want to learn ‘back-end’ coding at this time. I am keen to use css/js for article formatting just as I would on a static html page, but I can only find articles on template formatting, not formatting specific to articles only. I would like to be able to use my existing external files and link them to my sites so that I can control the editing over all my files from one source. Do you have any advice that might help me including for extensions/linkages to JCE Editor/templates/articles specific to this question etc. If possible I would like to develop my site(s) on a local host and transfer to a web host later.

User avatar
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 221
Joined: Sat Oct 30, 2010 12:32 pm
Location: Scotland

Re: Article formatting in Joomla

Post by paulala » Sun May 19, 2019 8:58 am

If you want to attempt to use the article editor to do your work then you need to be aware that Joomla will not let you place anything over and above standard html in the article.

First off Id get a text editor that gives you max control such as Rocket Themes Rokpad. There are others out there but this is an example of the flexibility you'll need.

You'll also need to find a way to get past the Joomla parser stripping out any 'code' you put into your articles.

To this end look at the free version of an extension called Sourcerer. This should be enough to get you going along a road which at some point will, Im sure, convince you that its all 'back end coding'. It just depends how many layers of abstraction you put in front of things to make yourself feel better ;)
Warm Regards,
Paula Livingstone, Skydiving Instructor and Network Security Consultant

User avatar
Joomla! Master
Joomla! Master
Posts: 37044
Joined: Sat Apr 05, 2008 9:58 pm

Re: Article formatting in Joomla

Post by Webdongle » Sun May 19, 2019 9:19 am

Use your browser inspector and look at some css. Find that css in by searching
site: the css you want
Then edit the css in your browser to see the changes. Then edit the files directly.

A methodology for editing that works (you will use a method that suits you)
  1. Download Notepad ++
  2. Download and install Filezilla ftp Client
  3. Put the ftp details of your site into Filezilla and connect
  4. In filezilla locate the css file on your server, right click and open for edit
  5. Select \Program Files (x86)\Notepad++\notepad++.exe as editor for css files
  6. The file will open for edit
  7. After saving the file ... Filezilla will prompt to upload.
  8. If you don't like the changes you can easily undo them.
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 25683
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: Article formatting in Joomla

Post by Per Yngve Berg » Sun May 19, 2019 10:20 am

Utilize the Grid System/Framework of your template.

Here is Bootstrap 2 (Protostar Template):

The JCE Editor have also the possibility to add a css file with classes that populate the Styles Dropdown.

Post Reply

Return to “Templates for Joomla! 3.x”