WordPress.org

Ready to get started?Download WordPress

Forums

Magazino
Featured images get aligned weirdly (17 posts)

  1. forgetyourmind
    Member
    Posted 1 year ago #

    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!

  2. TheVW
    Member
    Posted 1 year ago #

    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!

  3. WPThemes.co.nz
    Member
    Theme Author

    Posted 1 year ago #

    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.

  4. richtervet
    Member
    Posted 1 year ago #

    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!

  5. WPThemes.co.nz
    Member
    Theme Author

    Posted 1 year ago #

    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.

  6. Gillescl
    Member
    Posted 1 year ago #

    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 !

  7. WPThemes.co.nz
    Member
    Theme Author

    Posted 1 year ago #

    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

  8. richtervet
    Member
    Posted 1 year ago #

    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
    http://i.imgur.com/h2RW4kT.png

  9. skylo
    Member
    Posted 1 year ago #

    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.

  10. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    @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;
    }
  11. skylo
    Member
    Posted 1 year ago #

    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.

  12. mnphumphrey
    Member
    Posted 1 year ago #

    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!

  13. mnphumphrey
    Member
    Posted 1 year ago #

    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;
    	}
  14. alrmoras
    Member
    Posted 11 months ago #

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

    Thanks!

  15. benjaminjtaylor
    Member
    Posted 9 months ago #

    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!

  16. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 9 months ago #

    That would be best discussed on your own thread.

  17. benjaminjtaylor
    Member
    Posted 9 months ago #

    I did, but none of the questions get answered. None. So I figured a user may be able to help rather than the WP creator.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic