Joomla Templates Club 406,261 posts

[giora Friend gioraJoin date: June 2010Posts: 13Downloads:15Uploads:1 Thanks: 3]

#172644

I get the images on top of the article in Category Blog View I am trying to align it to the left.. ( with or without the Content – JA Thumbnail plugin)

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#433317

To try to best assist you, please provide the url of the site you’re working on
– as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[giora Friend gioraJoin date: June 2010Posts: 13Downloads:15Uploads:1 Thanks: 3]

#433329

http://vps.webpresentit.com/~mdlaw/index.php/team
Optimize CSS is set to NO,

TIA

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#433652

Hi there!

Tom and I came up with a solution for you 🙂
To change the position and alignment of the article image in the blog view you need to change templatesja_nexhtmlcom_contentcategoryblog_item.php. I think there is no other or simpler way to do it. Open the blog_item.php and:

cut(!) this code block from line 74


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


and paste it right before this code block.


<?php if ($params->get('show_title')) : ?>
<h2 class="contentheading">


The result should look like this:


</ul>
<?php endif; ?>
</div>

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

<?php if ($params->get('show_title')) : ?>
<h2 class="contentheading">


What we just did basically moves the article image into the content area right above the article tile. To make it float left you have to add a statement to your template.css like this:


.article-image {
float:left;
}


If you have any questions, please let us know and reply to this thread 🙂

Cheers

Frank

1 user says Thank You to pixelzombie for this useful post

1. TomC

[buko Friend bukoJoin date: July 2011Posts: 27Downloads:0Uploads:4 Thanks: 6]

#435940

Hi Frank

When you follow this step you end up into this problem error on line 91 which is this line [PHP]<?php echo $this->item->event->beforeDisplayContent; ?>[/PHP]

thanks

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#435961

Hi there,

I attached the file. Please compare them. Maybe there wen’t something wrong in my description or your cutomization 😉

---

Attachments:

1. blog_item.zip

[buko Friend bukoJoin date: July 2011Posts: 27Downloads:0Uploads:4 Thanks: 6]

#436008

That worked like charm thank you very much Frank appreciated.

As changes we made image to the left is it possible to add auto border or vertical/horizontal space or something around image as i do have this problem now shown in attachment.
Would not be problem few pages but i do have up there all ready more then 1000 content items 😉

Thank you

---

Attachments:

1. 

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#436012

Hi!

I’m glad it worked 🙂

No problem to add a margin to your article image. Just extend the css of the .article-image class like that


.article-image {
float:left;
margin-right: 10px;
}


1 user says Thank You to pixelzombie for this useful post

1. buko

[buko Friend bukoJoin date: July 2011Posts: 27Downloads:0Uploads:4 Thanks: 6]

#436110

Vielen Dank Frank!

That was it.

Works perfect.

:):)

[niceit Friend niceitJoin date: January 2009Posts: 1Downloads:4Uploads:0]

#479741

Thank you – Fixed my issue as well

[Author]

Posts