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!

Hi forgetyourmind and TheVW,

Looking at https://www.teamsport-nadac.de/ and the slider images seem to be aligned OK, are you still having trouble?

In terms of the ideal image sizes, I think my previuous advice on croping images wasn’t great, particularly given the new update.

The best approach is not to crop images to fit the slider dimensions, but rather just upload your featured images in their regular dimension just making sure they are atleast 1000px wide. The slider and thumbnail script can then resize and position the image pretty well for both the slider and the grid view.

Hope that helps.

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 richtervet, you are using latest version yes, 1.0.3?

Assuming you are using the latest version can you share a link for your site. Happy to take a look.

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 !

Hi Gilles,

Do you have a screenshot of what you were seeing before the upgrade? I ask because I am seeing the exact same thing on both those links:

Your main domain: https://i.imgur.com/3wGYcKS.jpg
p.ht install: https://i.imgur.com/hBnkWUs.jpg

Thanks

Charles

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

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

View post on imgur.com

Hi

I have installed version 1.0.3 of this template and have exactly the same problem the domain is https://www.discoveringkerry.com all images are a cropped part of the original instead of them resizing. Any got any ideas how to resolve this please.

@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;
}

Hi Thank you just tried the above and its made no difference ?? I am gutted as I really like this theme its perfect for what I want but the images are no good.

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!

P.S. = you can also delete the min-width: 100% in the .slides .slide-thumb img, so then it would be this >>

.slides .slide-thumb img {
 		display: block;
    	        margin-left: auto;
   		margin-right: auto;
		width: auto;
		height: auto;
	}

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

Thanks!

Hey all, I’ve seen several sites with the Slider/Hero image “clickable” to the blog post. Any idea why the slider/Hero image wont link to the blog post? https://garnpress.com/

Also, the thumbnail image text overlay ONLY appear on mouse over. Is there a way to get it like the theme preview? With the text over the image?

One note – in the blog post itself, I only have the featured image attached to the post; not an image in the body of the post.

Could it be naming convention?

Any help you could provide would be super AWESOME!

That would be best discussed on your own thread.