Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #486249

    So I’ve got a portfolio grid set up, and I’ve set it up to show titles and excerpts.
    Problem is, some of the titles are a little long, so when the test wraps to the next line, it makes that particular cell a little taller than the rest.

    Is there a way to make it so it’s a “perfect grid”? I even tried making the borders white, but I’ve had no luck with either so far.

    I also added custom links to all of the pictures–the links take you to our parent company’s website–but I need to open it in a new tab. I read about someone else wanting to do the same thing, but the solution provided didn’t work for me.

    #486604

    Hi riberusa!

    We could give you some CSS to hide the overflow. Send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    #486710

    So, you could force the cells to be the same size, but I’d lose the ability to have multiple lines of text?

    #487243

    Hi!

    Yes, add this to your custom CSS.

    .grid-entry-title.entry-title {
      height: 17px;
      overflow: hidden;
    }
    

    You could also try giving it a min height to see if the script picks it up.

    article .grid-content {
      min-height: 100px !important;
    }
    

    Best regards,
    Elliott

    #487359

    Hi Elliot!

    Giving it a minimum height worked! Thank you.

    Is there a way to remove the borders/outline around each box, too?

    #487402

    Hi!

    Please add following code to Quick CSS as well

    .grid-entry .inner-entry { box-shadow: none; }

    Best regards,
    Yigit

    #491076

    I don’t know why I haven’t responded to this yet, but it worked perfectly. Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Portfolio Grid’ is closed to new replies.