WordPress.org

Support

Support » Themes and Templates » Featured images get aligned weirdly

Featured images get aligned weirdly

  • Hi,

    I really like your theme and love how customizable it is with a little coding experience! 🙂

    However even after I replaced the version .2 with the recent one (published today), the featured images I set still get aligned in a weird way when I have more than one post.

    Website: http://www.teamsport-nadac.de
    I used a resolution of 1000 x 300 px (as suggested, I think) for the pictures. Tried setting it to 900 x sth px, but that didn’t help. Any clues?
    Thanks in forward!

Viewing 15 replies - 1 through 15 (of 16 total)
  • 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!

    Theme Author WPThemes.co.nz

    @wpthemesnz

    Hi forgetyourmind and TheVW,

    Looking at http://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!

    Theme Author WPThemes.co.nz

    @wpthemesnz

    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 !

    Theme Author WPThemes.co.nz

    @wpthemesnz

    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: http://i.imgur.com/3wGYcKS.jpg
    p.ht install: http://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

    http://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 http://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.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    @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? http://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!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    That would be best discussed on your own thread.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Featured images get aligned weirdly’ is closed to new replies.