Image Stretching Problem!

(@arkie)

If you look at the site http://thefinalsiren.com see how in the big black box there is an image then at the very bottom the image is also displayed but stretched? How can I continue to have the image in my post and in the main black box but not at the very bottom of the page? Or just as a small thumbnail at the bottom? Is that possible? It’s making me go crazy. Here is a bit of code, can anything be changed or added here to fix my issue?

<div class="column_left_b"> <!-- The 1st of the 3 columns with the featured articles at the bottom -->
                <?php query_posts('showposts=1&cat=1'); ?> <!-- Edit the cat= part to the number of the desired category (check the category IDs in your WordPress system), and this will show the 1st of the chosen category -->
                <?php while (have_posts()) : the_post(); ?>
                <h2><?php the_category(', '); ?><i> - <?php the_time('M j, Y G:i'); ?> - <a href="<?php the_permalink() ?>#commenting" title="Jump to the comments"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></a></i></h2>
                <h1><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
                <?php the_content('Continue...'); ?>
                <?php endwhile; ?> <!-- END -->
                <?php query_posts('showposts=5&offset=1&cat=1'); ?> <!-- Show the 5 most recent articles in the already chosen category, first one not included -->
                <h2>More In <?php single_cat_title(); ?></h2>
                <ul>
                    <?php while (have_posts()) : the_post(); ?>
                    <li><span class="title"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></span>
                    <br />
                    <span class="meta"><?php the_time('l, F j, Y G:i'); ?> - <a href="<?php the_permalink() ?>#commenting" title="Jump to the comments"><?php comments_number('0 Comments','1 Comment','% Comments'); ?></a></span></li>
                    <?php endwhile; ?>
                </ul>
                <br />
<p class="link"><a href="http://thefinalsiren.com/category/news" title="View all posts in News" rel="category tag">News</a></p>
            </div> <!-- END -->

Viewing 6 replies - 1 through 6 (of 6 total)

chakru
(@seoyourblog)

13 years, 10 months ago

I am afraid you should contact the theme coder or developer to get answers for this kind of questions. I don’t think anyone would come forward to answer your query here.

Regards

Michael
(@alchymyth)

13 years, 10 months ago

showing no image – solution with css:
try and add this to the end of style.css of the theme:
.column_left_b img, .column_center_b img {display:none;}
includes the center column as well, just in case.
esmi
(@esmi)

13 years, 10 months ago
If you want to get rid of the stretched effect, edit style.css:
```
.column_left_b img, .column_center_b img, .column_right img {
border:medium none;
float:left;
height:82px;
margin:3px 10px 5px 0;
padding:0;
}
```
and remove height:82px;.
Thread Starter arkie
(@arkie)

13 years, 10 months ago

I removed the height: 82px;

Yet the image is still stretched. The image is not hosted on my site if that makes a difference.

Maybe some kind of plugin will be able to display it as a thumbnail at the bottom?

Rev. Voodoo
(@rvoodoo)

13 years, 10 months ago

reset your browser cache…. (ctrl+f5)

Thread Starter arkie
(@arkie)

13 years, 10 months ago

Is there a way of making images in the bottom columns smaller without affecting the size in the article or in the black box? Would I need to use a plugin for that? Some sort of thumbnail plugin? Or is it not possible?