Joomla Templates Club 406,261 posts

[ironlion37 Friend ironlion37Join date: October 2008Posts: 38Downloads:0Uploads:4 Thanks: 3]

#155545

It appears that article images in this template are automatically shrunk and placed to the left of the article. I’d like to have the images just appear in the article normally without being auto-arranged to float left and be very small. Is there somewhere where I can turn off the template’s default behavior so images will just sit normally within an article?

Thanks 🙂

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#360052

If you wish to mainly refer to images for frontpage blog layout, Go to ::

templates/ja_community_plus/html/com_content/frontpage/default_item.php and change this::

<?php if ($image) : ?>
<div class=”article-image”>
<?php echo $image ?>
</div>
<?php endif; ?>

to

<?php if ($image) : ?>
<?php echo $image ?>
<?php endif; ?>

2 users say Thank You to aman204 for this useful post

1. benjaminjb
2. missyw

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#369365

is there somewhere a manual on how to add images in the template. i am using jce editor and when i add the images it does not look the same as the quicklaunch – or do you maybe have a different editor that i must use

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369367

JCE adds height and width attributes to images destroying the layouts used in this template. Try using TinyMCE in Extended mode or ask the author of JCE how you can switch off the addition of the height and width attributes. Should be simple for him. It has been a while since I used JCE.

For current articles look at the html and remove the height and width code.

Addin images is very simple, just resize them to a size the same as you would like them to appear in the article (not the frontpage, that is handled automatically). Do not resize them with the drag and drop in the editor. The frontpage layout will take care of creating thumbs for that view.

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#369371

thanks for the reply – i see the problem with the height and width and taking them out sort out the blog view of the frontpage view of the image but,

when you then open the article, in the quicklaunch it still has a nice border and some spacing between the image and the article text and mine don’t and riht next to the text – how do you fix that?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369372

CHeck to see if JCE has added any class of its own. When adding an image to the frontpage layout of Community Plus you do not need to add any class at all, it is all done for you. Again, if JCE has added a class attribute then it will override the templates one.

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#369466

thanks for the reply but the image still do not look like the quicklaunch – i have created a test site at http://test.swartlandmultimedia.co.za – look at the first article on the frontpage Snoek Classic 2010 – image is fine nicely blocked with border, but when i open the article it’s not nicely blocked as the quicklaunch?

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#369659

I have looked at the quicklaunch and found that class=”img-border left” was added to the image to create the border and have it left – so now i am not to sure as when i add the image with no class the template does not add it – do i miss anything here?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#369801

Dear bossies,

I think that you have to add these classes if you want your images to be styled like that 🙂

[Author]

Posts