Joomla Templates Club 406,261 posts

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#157785

http://www.webcreatie.net/iendracht/

As you can see here, the images on the frontpage aren’t displayed like i would like too. I would just like to have them on the right, inline the text.

When you click actually on an article, it’s displayed the right way….

http://www.webcreatie.net/iendracht/index.php?option=com_content&view=article&id=736:vb-eendracht-aalst-hamme&catid=80:voorbeschouwing1011

[Phan Gam Friend Phan GamJoin date: June 2008Posts: 216Downloads:0Uploads:2 Thanks: 4 Thanked: 39 times in 38 posts]

#368235

Hi,
For homepage of JA Rave template, article content is separated in 2 blocks, article’s thumbnail image and article’s content.
“article-image” is always right to content, i think this mockup on your site is correct, but due to your image sizes, its not showing good.
In your site, i could see you set for your content

<div class="img_caption">
<img width="194" height="94" style="float: right; margin-left: 3px;" alt="eadessel" src="/iendracht/images/stories/breed/logo/eadessel.gif">
</div>
But in css code

div.article-image .img_caption {
float: right;
height: 125px;
margin-left: 10px;
width: 125px;
}
So your image is overflowing on article content.
I think, you should resize your image, or re-style your css code.
Hope that helps

1 user says Thank You to Phan Gam for this useful post

1. crescendo06

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368304

And how can i delete that column so that the image is inline the text ? Like here:

---

Attachments:

1. 

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368381

Nobody who can help me here ?

Now it has somekind of special effect on the frontpage, i would just want to completely delete it so that the image is displayed like you see it in the editor.

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

#368382

Can we have a link to your site? The one above does not show your Joomla page.

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368383

As an example:

this is my image

<p><img src=”images/stories/demo/sam-1.jpg” alt=”Sample Image” /></p>

so no class or css as you can see.

This is how it is displayed:

I deleted the img caption in the hope that it would just be normal displayed but that don’t seem to help…

Website: http://www.webcreatie.net/iendracht/

---

Attachments:

1. 

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

#368387

Try this but make backups first.

Open templates>ja_rave>html>com_content>frontpage>default_item.php and around line 68 you will see

div class="article-tools clearfix">

Change to

div class="article-tools">

Open template.css and around line 257 find


article-tools {
clear:both;
display:block;
position:relative;

}


change to


article-tools {
display:block;
position:relative;

}


In template.css around line 298 find


.article-content {
overflow:hidden;

}


and change to


.article-content {
}

You may also want to change the padding right on .haveimage to a smaller number than 140px

I cannot test this as I do not have the facilities on my work laptop so get back to me with the results please.

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368390

Hi Phill,

i can’t find .article-tools and .article-content in the template.css file. I checked the original template.css file and there I also can not find it …

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368391

Here you can see how it is now .. There’s some kind of column, but i don’t see those thing with other templates ?

This is how i wanted it to be (don’t mind the stretched text). Just normal, aligned right (i’ll set that myself in the editor), INLINE the text …

Hope you can help me …

Greets,

---

Attachments:

1. 
2. 

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

#368455

1) How about removing this::

.haveimage, .article_column .haveimage {template.css (line 851)
padding-right:140px !important; >> remove
position:relative;
}

2) then, go to::

templates/ja_rave_new/html/com_content/frontpage/default_item.php

and locate this code ::

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

and move it below this::

<?php echo $this->item->event->beforeDisplayContent; ?>

<div class=”article-content”>

Hope this helps 🙂

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

#368456

Apologies, the template.css file you are looking for is in plugins>system>jat3>base-themes>default>css

I assume you found the first bit OK?

Here is a screengrab after those edits on your site in Firebug.

---

Attachments:

1. 

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368480

<em>@aman204 210661 wrote:</em><blockquote>1) How about removing this::

.haveimage, .article_column .haveimage {template.css (line 851)
padding-right:140px !important; >> remove
position:relative;
}

2) then, go to::

templates/ja_rave_new/html/com_content/frontpage/default_item.php

and locate this code ::

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

and move it below this::

<?php echo $this->item->event->beforeDisplayContent; ?>

<div class=”article-content”>

Hope this helps :)</blockquote>

Not really:

---

Attachments:

1. 

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368481

<em>@phill luckhurst 210662 wrote:</em><blockquote>Apologies, the template.css file you are looking for is in plugins>system>jat3>base-themes>default>css

I assume you found the first bit OK?

Here is a screengrab after those edits on your site in Firebug.

</blockquote>

That doesn’t help, everything remains the same…

<blockquote>You may also want to change the padding right on .haveimage to a smaller number than 140px</blockquote>

Cant find the .haveimage

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

#368483

Did you clear your cache?

If you wish to PM me your ftp details and an admin logon I will try and make the edits for you.

1 user says Thank You to Phill for this useful post

1. jeroen07

[jeroen07 Friend jeroen07Join date: August 2009Posts: 86Downloads:0Uploads:24 Thanks: 14]

#368485

<em>@phill luckhurst 210693 wrote:</em><blockquote>Did you clear your cache?

If you wish to PM me your ftp details and an admin logon I will try and make the edits for you.</blockquote>

Check your PM !

[Author]

Posts