In this article I describe how to add padding around images in Joomla. By default the template places text right next to images and this does not look good for Articles and Blogs. To add some padding you must first add a user.css file to your Joomla installation.
In the user.css file add the following code:
a img, fieldset, img { border: none;
margin-left: 5px;
margin-right: 5px;}
This will add the 5px padding around all images.
Since I had no other custom CSS code, I had to first create the user.css file. To do this you need to go to you system template and use "Create file" - be sure to be in the css folder and create a file called user.css. You can then edit the file. Here is the user.css file with the padding code added: You can play with the number of pixels that you like but this code actually pads ALL images on all pages (articles, blogs, etc.).
Comments powered by CComment