Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Mysterious gap & Inconsistent image sizes shown on portfolio grid

    • 8 years, 8 months ago orderlike
      Participant

      Expired

      After adding different portfolio items, different image sizes resulted and a mysterious gap appeared between the third and fourth row on the main page. We have tried to remove the images and re-upload them again but still not work. Please help to figure it out.

      For more details, please check the link below.

      https://www.ordermua.com/

      Thanks.

      • This topic was modified 8 years, 8 months ago by orderlike.
    • 8 years, 8 months ago Kris
      Participant

      Hello,

      What version of theme and visual composer do you have? Have you installed third party plugins? Maybe one of them conflicts.
      Send us your credentials to have a closer look to the issue.
      Just update you profile user information for that. Read this article for more information.

      Please don’t open many topics with the same issue, it can be a little confusing even for us. I am closing the other topic, so you can write only on this one.

      Best regards!

    • 8 years, 8 months ago orderlike
      Participant

      Expired

      hi~

      My profile user information has been updated. Please help solve the following problems

      1. Different image sizes resulted (some are square & some rectangle )

      2. Mysterious gap appeared between the third and fourth row on the main page

      Thanks.

      • This reply was modified 8 years, 8 months ago by orderlike.
    • 8 years, 8 months ago Mirela
      Participant

      Hello,

      1-This is because the images have different dimensions. So they are scaled down in different sizes as well. If you want to change them then please read more in this article: https://support.codeless.co/?ht_kb=ideal-image-size.

      2-This too is caused due to the images different dimensions. To avoid it, you only need to set up a minimum height for this type of portfolio. Please add this code into your custom css box (located in General Options > Custom Css box):

      .three-cols .portfolio-item {
          min-height: 535px;
      }

      This is the result: https://pho.to/AJShf

      Best regards!

    • 8 years, 8 months ago orderlike
      Participant

      Expired

      hi,

      I have re-sized all images with the same dimensions and uploaded them again, however, all the images become squared but we did not set anything.

      please help to figure it out.

      thanks.

       

    • 8 years, 7 months ago Mirela
      Participant

      Hello,

      Which images did you edit the dimensions? What dimensions did you set? I see the original images size’s are 600x600px. You should set the values that keep the image as close to the original but enough to fit the page’s layout.
      Please change the image size to the best option for the images sizes you have. Upload them again. Then if the row still has some spacing, just add the custom css i gave you in my last reply. Edit the value to your need.
      Or just let us know and i will fix it for you. But first you need to change the images sizes back.
      Let us know for anything.

      Best regards!

    • 8 years, 7 months ago orderlike
      Participant

      Expired

      i have set the images size as 800x1200px. How come it changed when i uploaded to the website?

      • This reply was modified 8 years, 7 months ago by orderlike.
    • 8 years, 7 months ago Mirela
      Participant

      Hello,

      Where exactly did you do the change? I saw in your function.php file that the image dimensions for portfolio with 3 columns, was 600x600px.
      Please see screenshot: https://pho.to/AK2oE
      It’s these values that you should change. And then re-upload images.
      Example: add_image_size( 'port3', 800, 1200, true );
      Let us know.

      Best regards!

Viewing 7 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password