Okay
  Public Ticket #2593015
Changing Blog Post Sizes
Closed

Comments

  • Matthew started the conversation
    November 6, 2020 at 4:04pm

    Where do I specify the size of the flexbox blog posts on the index page?

  • Matthew replied
    November 6, 2020 at 4:11pm

    I see from the live preview here that different posts can have different sizes and display differently. I thought this might be related to post format but I cannot seem to get that to work and display like the examples. 

  • Matthew replied
    November 6, 2020 at 4:24pm

    I've been looking at the theme options for blogs but didn't see anything about post format.

  • Matthew replied
    November 6, 2020 at 4:34pm

    Looks like changing to global blog settings to Masonry Style: Classic Enhanced opens up the sizing options on blog posts!

  • Matthew replied
    November 9, 2020 at 12:12am

    This is still the same question. How do I create blog posts that can show up on my blog index page in different sizes and stylings? I"m finally seeing the option to change Masonry Item Sizing between Regular, Regular Alt, and Large Featured. No matter what I do I cannot get my featured images on any blog post to display on the blog index page when "large featured" is selected. 

  • Matthew replied
    November 9, 2020 at 12:19am

    Global Blog Settings are as follows:
    Blog Type: Masonry Blog Fullwidth
    Masonry Style: Classic Enhanced

    Blog Page Element:
    Layout: Masonry Blog Fullwidth
    Masonry Layout Style: Inherit From Theme Options

  • Matthew replied
    November 9, 2020 at 12:37am

    How do I get styling like these three options from the live preview? Even when I open the dev tools and inspect the live preview page, I can't figure out what small change is making those post different. Though I do know that the large post is "large featured"

  •  2,963
    Andrew replied
    November 9, 2020 at 7:53am

    Hi Matthew,

    Thank you for reaching out to us.

    Please send us your login credentials with admin privileges so that we can look into the issue further.

    Thanks.

  •   Matthew replied privately
  •  8,849
    Tahir replied
    November 9, 2020 at 2:21pm

    Hey Again,

    Just turned off the Caching plugin, and it seems to have resolved it. Also try adjusting your Image Settings.

    Thanks 

    ThemeNectar Support Team 

  • Matthew replied
    November 9, 2020 at 3:36pm

    Thanks!! Looks like its displaying an image now on the large featured post after clearing cache. Do the other two styles listed below both use the featured image? How do I get full image backgrounds on regular single posts?

  •  8,849
    Tahir replied
    November 10, 2020 at 6:39pm

    All Blog Posts use a Featured Image. Not sure i understant your query regarding the full width backgrounds. Were you able to experiment with the different Theme features regarding the Blog Post or a particular demo that you want to replicate?.

    The relevant sizes of the images used are below:

    if ( ! function_exists( 'nectar_add_image_sizes' ) ) {
    function nectar_add_image_sizes() {
        add_image_size( 'portfolio-thumb_large', 900, 604, true );
        add_image_size( 'portfolio-thumb', 600, 403, true );
        add_image_size( 'portfolio-thumb_small', 400, 269, true );
        add_image_size( 'portfolio-widget', 100, 100, true );
        add_image_size( 'nectar_small_square', 140, 140, true );
        global $nectar_options;
        $masonry_sizing_type = ( ! empty( $nectar_options['portfolio_masonry_grid_sizing'] ) && $nectar_options['portfolio_masonry_grid_sizing'] === 'photography' ) ? 'photography' : 'default';
        if ( $masonry_sizing_type !== 'photography' ) {
            
            add_image_size( 'wide', 1000, 500, true );
            add_image_size( 'wide_small', 670, 335, true );
            add_image_size( 'regular', 500, 500, true );
            add_image_size( 'regular_small', 350, 350, true );
            add_image_size( 'tall', 500, 1000, true );
            add_image_size( 'wide_tall', 1000, 1000, true );
            add_image_size( 'wide_photography', 900, 600, true );
        } else {
            
            // These three are still needed for meta overlaid masonry blog.
            add_image_size( 'regular', 500, 500, true );
            add_image_size( 'regular_small', 350, 350, true );
            add_image_size( 'wide_tall', 1000, 1000, true );
            add_image_size( 'wide_photography', 900, 600, true );
            add_image_size( 'wide_photography_small', 675, 450, true );
            add_image_size( 'regular_photography', 450, 600, true );
            add_image_size( 'regular_photography_small', 350, 467, true );
            add_image_size( 'wide_tall_photography', 900, 1200, true );
        }
        add_image_size( 'large_featured', 1870, 770, true );
        add_image_size( 'medium_featured', 800, 800, true );
    }
}
add_action( 'after_setup_theme', 'nectar_add_image_sizes' );

    Thanks

    ThemeNectar Support Team