Joomla Templates Club 406,261 posts

[jardin Friend jardinJoin date: December 2009Posts: 32Downloads:0Uploads:4 Thanks: 5 Thanked: 8 times in 1 posts]

#148842

How do I increase the space between the thumbnail and the text of the article? The JA Lime demo looks nice but on my web site, the thumbnail appears right next to the text, without any space between the two.

Am I the only one experiencing this type of issue?

[jardin Friend jardinJoin date: December 2009Posts: 32Downloads:0Uploads:4 Thanks: 5 Thanked: 8 times in 1 posts]

#333245

Please see the screenshot attached. Please look closely at the thumbnails in the right hand side.

Thanks

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#333525

Hi you

in the case, you try to add class=”caption” in each images of articles

Thanks

[jardin Friend jardinJoin date: December 2009Posts: 32Downloads:0Uploads:4 Thanks: 5 Thanked: 8 times in 1 posts]

#333584

The “caption” class does provide an extra space around the image but it also displays a caption underneath the image and I don’t want that. Another inconvenient of this approach is that the publisher will have to edit the html code in order to add the piece of code (class=”caption”).

Is there a better way to handle this? Is there a place in your CSS files where I can add a space (number of pixels) around each thumbnail? I’m looking for one change that will automatically change the look and feel of the entire web site.

Thanks

[jardin Friend jardinJoin date: December 2009Posts: 32Downloads:0Uploads:4 Thanks: 5 Thanked: 8 times in 1 posts]

#333604

Here is the simple answer to this CSS isssue:

1) Install the JCE editor and Plug-in and set it as your default editor

http://extensions.joomla.org/extensions/88/details

2) Add the following CSS code to the /templates/ja_lime/css/templace.css file

img.thumbnail {
border: 1px solid #e5e5e5;
padding: 4px;
margin-right: 20px;
}

3) Open the article, click on the thumbnail and from the “Styles” drop-down list select the “thumbnail” style.

Now your article layout will look similar to the one of the JA Lime demo.

[Author]

Posts