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

Empty spaces in portfolio grid + portfolio item navigation malfunctioning

portfolioportfolio gridPortfolio itemportfolio item navigation
    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      Hi, I have two issues in the website I am publishing:

      1. there are empty spaces in the portfolio grid.
        They appear right after the first line with 3, 4 or 5 columns.
      2. the navigation in the single portfolio item seems to be malfunctioning: the left arrow takes to the following item and the right arrow takes to the previous item.

      The website is still under construction, can I send you login/username for you to take a look?

      Thank you and kind regards,

      Paolo

    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      -Yes, please send us your credentials so we can check the portfolio page.
      -There is not malfunctioning with the arrows. That’s the theme’s default layout. You can switch the order by editing file single-portfolio.php.

      Best regards!

    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 11 months ago Mirela
      Participant

      Hello,

      Since the images are not all the same height, even when they are resized to fit the portfolio dimensions, they won’t be all the same. So you need to set a min height.
      A added this code into your custom css box:

      .home .five-cols .portfolio-item {
          min-height: 220px !important;
      }

      If you would go and change the number of columns, then just edit the value until the empty row is gone (it should be the height of the highest portfolio item image).

      Best regards!

    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      Thanks Mihaila!

      Paolo

    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      Hi Mihaila,

      Unfortunately the suggested solution affects the space among the thumbnails on smaller viewports.

      Can you tell me where exactly you have added the custom CSS code please?

      Thanks,

      Paolo

    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      Found in: Tower / General Options

    • 8 years, 11 months ago paolodellab
      Participant

      Expired

      I confirm that the only possibile solution is to use ONLY imahes which are the exact size as stated in the function codeless_images_sizes() (file: functions.php).

      The CSS trick suggested above determines problems when you resize the browser window.

    • 8 years, 11 months ago Kris
      Participant

      Hello,
      You have an old version of theme.
      Please update theme to its latest version 1.8.1. You can edit the values of the images sizes in the function codeless_images_sizes() as you like, or uncomment the commented lines.
      Let us know if the issue persists even after you make these changes.
      Best regards!

Viewing 8 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