Intro image placement

Hello,
Have a look at my site: http://www.innocom.cat/. I am trying to place the intro image of the first article (the group of people sitting around a table) under the title of the article (Com podem entendre el món experiencial dels nostres seguidors?) and to the left of the text. I've been playing around with Firebug but I haven't managed to find a solution. Can you help?
Thanks,

Dani

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.item-image {
    float: left;
    width: auto;
}

.gk-article .article-header {
    clear: none;
}


It's better now, but the image should be below the header. How can I do it?

Hi

This will require changing of the order of elements directly in sides code. Please send me an access to ftp so I'll make it for You.

Hi

I have edited file /html/com_content/featured/default_item.php and replaced this part:

Code: Select all

         <?php  if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
         <?php $imgfloat = (empty($images->float_intro)) ? $params->get('float_intro') : $images->float_intro; ?>
         <div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image">
            <img
               <?php if ($images->image_intro_caption):
               echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
               endif; ?>
               src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"
            />
         </div>
         <?php endif; ?>
         
         <h2 class="article-header">
            <?php if ($params->get('link_titles') && $params->get('access-view')) : ?>
            <a href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>"> <?php echo $this->escape($this->item->title); ?></a>
            <?php else : ?>
            <?php echo $this->escape($this->item->title); ?>
            <?php endif; ?>
         </h2>


to

Code: Select all

         <h2 class="article-header">
            <?php if ($params->get('link_titles') && $params->get('access-view')) : ?>
            <a href="<?php echo JRoute::_(ContentHelperRoute::getArticleRoute($this->item->slug, $this->item->catid)); ?>"> <?php echo $this->escape($this->item->title); ?></a>
            <?php else : ?>
            <?php echo $this->escape($this->item->title); ?>
            <?php endif; ?>
         </h2>
         <?php  if (isset($images->image_intro) and !empty($images->image_intro)) : ?>
         <?php $imgfloat = (empty($images->float_intro)) ? $params->get('float_intro') : $images->float_intro; ?>
         <div class="pull-<?php echo htmlspecialchars($imgfloat); ?> item-image">
            <img
               <?php if ($images->image_intro_caption):
               echo 'class="caption"'.' title="' .htmlspecialchars($images->image_intro_caption) .'"';
               endif; ?>
               src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"
            />
         </div>


Thanks, now it looks great!

Dani