Joomla Templates Club 406,261 posts

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#169975

When I add an image to article showing on the front page, the image is placed in a special div that results in it being clipped.

Example: http://www.mtense.com

<div class=”article-image”>
<div class=”img_caption”><img src=”/images/stories/code/test1.jpg” alt=”test1″ width=”300″ height=”276″ /></div>
</div>

The image is displayed correctly when the article is published on its own page as shown below.

http://www.mtense.com/random/test

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421120

Hi,
I checked. I see image right show. You check your image. There is your image :

---

Attachments:

1. 

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#421130

It does not show correctly at http://www.mtense.com. It is clipped.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#421138

Hi,
Would you mind to provide us your temporary backend access ?
Please fill it into the private place by editing your first post.
Thanks
Viet Vu.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421173

<em>@mtense 278139 wrote:</em><blockquote>It does not show correctly at http://www.mtense.com. It is clipped.

</blockquote>
You find this code from /templates/ja_rave/css/template.css in the line #849

div.article-image .img_caption {
width: 125px;
height: 125px;
float: right;
margin-left: 10px;
}
with

div.article-image .img_caption {
width: 100%;
height: 125px;
float: right;
margin-left: 10px;
}

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#421248

The suggested changes correct the clipping, but the image still floats over the text. In addition, having more than one image in the article really starts to hose things up.

I moved the problem front page to: http://www.tothetrack.com/front-test

This template is doing special handling of the images and this is hosing things up for me. Is there anyway to turn this image handling off? I just want the front page articles to be handled like an article blog. I don’t want fancy handling of the images.

To workaround this problem, I created a blog menu item and set it as the default page. But now I can’t use the front page editor on it.

Is there a way to get the front page to look like the simple blog layout that I setup at: http://www.tothetrack.com ?

I have added login info as requested.

Thanks.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421258

It’s strange. Could you give me username+password of your ftp? I will check it.

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#421276

FTP info added to private post area and PMed.

Thanks.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421293

I fixed it.
I changed /templates/ja_rave/html/com_content/frontpage/default_item.php to _default_item.php

[mtense Friend mtenseJoin date: May 2011Posts: 25Downloads:0Uploads:2 Thanks: 2 Thanked: 2 times in 1 posts]

#421296

That makes sense. Thank you.

I must say this template’s item processing for the front page doesn’t handle images very well at all. I am really surprised this has been overlooked. Anyway, thanks for your help.

[Author]

Posts