• Resolved superciccio14

    (@superciccio14)


    Hello, I’m using your plugin to display a grid of team members, but I have a problem.

    When the grid is displayed, the size of the images is not uniform (see here). Is there a way to render all the images with a uniform size?

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author RadiusTheme

    (@techlabpro1)

    Hi,
    Thanks for using my plugin.

    Image resize as per ratio. We use WordPress default image resize function.

    To make all image same size you need to keep all original image same size then thumbnail will be same size.

    Note: My demo original image is 750 x 750 px.

    Thanks

    Thread Starter superciccio14

    (@superciccio14)

    Ok, so isn’t there a good strategy to keep the size constant, except for starting from uniform sizes?

    Plugin Author RadiusTheme

    (@techlabpro1)

    Sir,
    I think may be no way. Cause all image resize “proportionally” depends on width or height.

    You can see how post or page featured image re-size my re-size function same WP default.

    Thanks

    Thread Starter superciccio14

    (@superciccio14)

    Ok, thank you!

    I tried to load imgs with your demo size (i.e., 750×750). If I render the page with a resolution like 765×966, the imgs do resize differently from the name-title bars above each photo. Is there a way to avoid that?

    Thanks for your support.

    Plugin Author RadiusTheme

    (@techlabpro1)

    Hello,
    I see your site is ok in my Mac also in tab & mobile view all images are same size. No issue on image size.

    Please send a screenshot. Clean your browser cache then check.

    Thanks

    Thread Starter superciccio14

    (@superciccio14)

    Hello,

    here is the screenshot: edited
    Thanks

    • This reply was modified 7 years, 10 months ago by superciccio14.
    Plugin Author RadiusTheme

    (@techlabpro1)

    Hello,

    Which resonation you are checking it is not a view view of device.

    We use twitter bootstrap css for grid.

    It is responsive view of mobile device where showing 1 item per row so showing like this.

    Now by code editing you can set 2 in small device then it will look good.

    I tested your site in Tab/ Mobile all looks good.

    You can edit here lib/classes/TPLshortCode.php line no 91

    $html .= “<div class=’tlp-col-lg-{$grid} tlp-col-md-{$grid} tlp-col-sm-6 tlp-col-xs-12 tlp-equal-height’>”;

    tlp-col-sm-6 = in table it will show 2

    tlp-col-xs-12 = in mobile it will show 1

    Change to

    $html .= “<div class=’tlp-col-lg-{$grid} tlp-col-md-{$grid} tlp-col-sm-4 tlp-col-xs-6 tlp-equal-height’>”;

    You can change now in tab it will show 3 and mobile will show 2

    Thanks

    Thread Starter superciccio14

    (@superciccio14)

    Ok, thank you! : )

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image size is not constant in grid’ is closed to new replies.