Support » Theme: Hiero » Featured image aspect ratio and text line length

  • Resolved davidbergman

    (@davidbergman)


    Is there a way to have my featured images displayed at the standard 2X3 aspect ratio? They are currently being cropped.

    Also, in the desktop view, I’d love to have the text extend out further instead of having all that wasted dead space on the right. I’m happy to move the search box somewhere else (above the posts?) if that is what’s in the way.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hello,

    Is there a way to have my featured images displayed at the standard 2X3 aspect ratio?

    Try to use the following PHP code. You can add PHP code to your site with the Code Snippets plugin (just copy PHP code and paste it in Snippets → Add New section after installing and activating the plugin. Also you can add PHP code directly to the functions.php file of your child theme.

    function thumb_featured_size() {
        add_image_size( 'thumb-featured', 300, 200, true );
    }
    add_action( 'after_setup_theme', 'thumb_featured_size', 11 );

    Also, in the desktop view, I’d love to have the text extend out further instead of having all that wasted dead space on the right. I’m happy to move the search box somewhere else (above the posts?) if that is what’s in the way.

    Please create a new topic for this text issue in order to make it easier to help you.

    Kind Regards, Roman.

    By the way, you will have to regenerate your thumbnails after changing that image size. You can use the Regenerate Thumbnails plugin for that:
    https://wordpress.org/plugins/regenerate-thumbnails/

    davidbergman

    (@davidbergman)

    Thanks, Roman. The images are now 2X3, but the border around them doesn’t match the new thumbnail size. Have a look.

    https://www.askdavidbergman.com/category/askdavidbergman/

    Hello,

    The images are now 2X3, but the border around them doesn’t match the new thumbnail size.

    Please try to add this CSS code in the Customize → Additional CSS section:

    .entry-thumbnail {
        height: 167px;
    }

    Kind Regards, Roman.

    davidbergman

    (@davidbergman)

    That closes up the box border on the vertical, but the thumbnail is still cropped.

    davidbergman

    (@davidbergman)

    FYI – even if I force the dimensions to be the same pixel amount as the images, it’s still not showing the entire image.

    .entry-thumbnail {
        width: 300px;
        height: 200px;
    }
    davidbergman

    (@davidbergman)

    Ah standby. Operator error. These particular images are not 2X3, but rather 1920 X 1080 HD size. Regenerating now. Sorry and thanks!

    davidbergman

    (@davidbergman)

    Yup – that was it. Thanks again!

    OK, you are welcome!

    Kind Regards, Roman.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Featured image aspect ratio and text line length’ is closed to new replies.