Featured images get aligned weirdly

Hello, Thank you for your theme.

Yes I am having the same issue. My featured images are showing up very weird either to the left or very large, in addition my thumbnails are also showing up strange. I tried using a thumbnail editor but it doesn’t seem to be doing anything.

Any suggestions? i tried what the previous posters did also.

Thank you!

I’m having the same problem – the images aren’t scaling down to fit in the thumbnails, they just crop to fit inside the thumbnail area.

Thanks!

Hi,

I have the same issue with the featured images. I just installed the latest version of the theme and here is what my website looks like now.

With the previous version of the theme, I had a thumbnails that looked like this this and I really liked it.

Is there anything I can do to have images that fits in the slider and in the featured images for my articles ?

Thank for your help !

If it helps, this is how mine looks – it may be that I need to change the format of the images I use. It’s not live at the moment, using 1.0.3 of Magazino

http://i.imgur.com/mQbQsgR.png

View post on imgur.com

@skylo,

Do you have a place in the dashboard to enter CSS modifications, other than the theme’s files?

You need to add something like this in;

.post-box-img img {
 height: 200px;
}

I fixed it by messing with the code on my site –

1st: in index.php on line 29 the code says this:
<div class="slide-thumb"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'magazino' ), the_title_attribute( 'echo=0' ) ); ?>"……etc etc

Toward the end of this line look for the section that says ‘position:absolute’ and delete that section of code so that your new line looks exactly like this >>

<div class="slide-thumb"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'magazino' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_post_thumbnail( array(1000, 640), array( 'onload' => 'feat_img_onload(this)' ) ); ?></a></div>

2nd: in style.css, change .slides .slide-thumb and .slides .slide-thumb img to this >>

.slides .slide-thumb {
		position: relative;
	}

	.slides .slide-thumb img {
 		display: block;
    	margin-left: auto;
   		margin-right: auto;
		width: auto;
	/*	min-width: 100%;*/
		height: auto;
	}

I’m sure there are better ways to go about it, but this worked for me and I don’t care about updates. It’s an awesome theme, but the formatting of the featured image was, admittedly, a little funny!

Hey, just tried above method but the styles layout has changed. Could you please explain what I would have to do now.

Thanks!

That would be best discussed on your own thread.