WordPress.org

Ready to get started?Download WordPress

Forums

Fourteen Extended
[resolved] featured image dimensions (22 posts)

  1. m_adick
    Member
    Posted 8 months ago #

    hi,

    i thought with twenty fourteen extended 847 page width, the featured image would also have to be 847px wide, but I still have open space (with diagonal lines) on each side of the featured image.

    what are the correct dimensions for a featured image with full width page (847px)?

    thanks

    http://wordpress.org/plugins/fourteen-extended/

  2. Zulfikar Nore
    Member
    Plugin Author

    Posted 8 months ago #

    The theme has 2 image sizes for the thumbnails - 1 set at 672 by 372 pixels and the 2nd set at 1038 by 576 pixels. These are alternated depending on the layout chosen.

    So when you increase the width to 847px then the larger size is used but as with all themes WordPress does not pick this change up automatically and there's always a requirement to regenerate the thumbnails.

    Please use the Regenerate Thumbnails plugin found at http://wordpress.org/plugins/regenerate-thumbnails/ which will resolve your issue.

    Do let us know if that helps or not.

    Thanks,
    Zulf

  3. m_adick
    Member
    Posted 8 months ago #

    hi thanks for the quick note. i rescaled to 1038x576 and now it's hugging the sides of the page as i wanted.

    however, i still have a white space right under the header bar in twenty fourteen (the black bar with the menu, etc.).

    see this to see what i mean: link

    i would like the featured image to hug the black bar.

    how to remove the padding between the top bar and the featured image.

    thanks

  4. Zulfikar Nore
    Member
    Plugin Author

    Posted 8 months ago #

    Cool.

    The white space is a theme design and not from the plugin - I'd suggest posting in the theme's forum for assistance on that issue. You might want to do a quick scan to see if it has not been fully answered as I seem to recall the issue being raised a few times.

  5. Zulfikar Nore
    Member
    Plugin Author

    Posted 8 months ago #

    Marking as resolved as additional question is theme related and not a plugin issue.

  6. adelguerrot
    Member
    Posted 6 months ago #

    Hi there,

    My featured image is shrinking even if I use an image which is 672 by 372 pixel. What could I do. Here is the article in question.

    Thanks for your help.

    Adel

  7. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    Hello Adel,

    The recommended image size for full width settings is 1038px(w) by 576px(h) - anything smaller than that will not fully fit in to place and will be stretched if used with the 100% image width setting.

    Hope that helps,
    Zulf

  8. adelguerrot
    Member
    Posted 6 months ago #

    Hi Zulfikar,
    Thank you for your quick answer. I resized my picture to 1038 × 576 but i still get the same result. Any Idea?
    How do i chose another option than full width for the featured picture?
    Thanks for your help.
    Adel

  9. adelguerrot
    Member
    Posted 6 months ago #

    Hi,
    I sloved my problem bychanging the CSS applied on the featured picture
    from max-width: 100% to
    width: 100%

    so far it works, I hope it will not cause another issue.

    Adel

  10. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    Where was that change made? I'll take a look in to it and hopefully work a fix so that no manual edits are needed.

    Zulf

  11. Suzyuzi
    Member
    Posted 6 months ago #

    I'm having similar issues. I want to have the featured image to be longer (larger height). How can I make the featured image height larger? The main reason is to use comic easel which seems to be restriced by something in twenty fourteen.

    http://saccographicnovel.com/comic/page1/

  12. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    @Suzyuzi - there's a setting in the plugin to change the overall featured image height, does not work for you?

    Regards,
    Zulf

  13. Suzyuzi
    Member
    Posted 6 months ago #

    Regenerate thumbnails did not adjust anything. Where in the plug-in will it allow me to change the height?

  14. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    The option "Set Overall Content Image max-height (numbers only!) - maximum recommended is 572" is located in the Twenty Fourteen General Options tab in the customizer.

    Please note that this only refers to the Featured Image i.e post thumbnail and the in content images.

    Regards,
    Zulf

  15. Suzyuzi
    Member
    Posted 6 months ago #

    The "Set Overall Content Image max-height (numbers only!) - maximum recommended is 572" -did not resolve the issue. The image still spreads to fit width and length doesn't change. In content images haven't changed either.

  16. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    The proa image you have on the linked to page has the dimensions 1038px by 576px which indicate its what it was cropped to by the theme's functions.

    The general rule is whenever you change image dimensions you should either reupload or regenerate them in order for them to be cropped to the new measures. The images must be at least as large in height as to what you wish to set them to.

    What is the actual image size?

  17. Suzyuzi
    Member
    Posted 6 months ago #

    2445 X 1650

    I have regenerated the image and reduced it down to the dimensions I set on the general options tab (1223 X 1650). This image still doesn't fit. Am I still doing something wrong?

  18. Zulfikar Nore
    Member
    Plugin Author

    Posted 6 months ago #

    You currently have the photon module of Jetpack enabled and the images are being served from their server - I believe the resizing is taking place on their end and not on with Fourteen extended or Twenty Fourteen.

    For example this image: http://i1.wp.com/saccographicnovel.com/wp-content/uploads/2014/02/proa-e1393434475820.jpg?resize=1038%2C576

    I'd recommend disabling the photon module and then try the settings again - try with both the raw Twenty Fourteen and then with Fourteen extended to see if that resolves the issue for you.

    Regards,
    Zulf

  19. Suzyuzi
    Member
    Posted 6 months ago #

    Thanks for your help Zulfikar! Disabling the photon module allowed me to tinker with the image until it fit appropriately.

  20. abinashm
    Member
    Posted 5 months ago #

    Thanks @Zulfikar for providing the correct dimension for the featured images. I have just recently switched from 2013 into 2014 www.abinashmohanty.com, It's quite useful. :)
    Though I need to spend 2-3 hours for resizing existing photos including the child theme medication (css) as it's running on parent site temporarily.

    Regards,
    Abinash

  21. nadyaQL
    Member
    Posted 5 months ago #

    Hi, i have a problem with my images, i have selected Check to show full width single post my image is 1038 by 576 pixels, but for some reason it keeps showing the image as img width="672" height="372 and it is full in the space, but makes my image blur. i will to display the bigger image.
    thank you!

  22. nadyaQL
    Member
    Posted 5 months ago #

    I solve it , at widgets (if you got JetPack) you select hide your side bar on your posts, and Voilà, you get your pretty nice big image !
    i think you can use too in case you want to show some side bar on your pages.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.