LSVR Directory Box Dimension Issue

  • tylertobin

    (@tylertobin)


    1 year, 3 months ago

    Hello – I am curious if someone can assist me in resizing the Directory Boxes we have setup on the provided link for businesses. In particular, L&K Real Estate is a different size than the listings to the right and the left as you can see when you follow the link. Our developer was able to fix this a while ago but would prefer to try and learn this myself to make the fixes internally as we are often adding new Directory Listings.

    Any assistance would be greatly appreciated. Thank you!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator threadi

    (@threadi)

    1 year, 3 months ago

    I’m a little unsure what you mean exactly. Are you referring to the boxes with the companies? They all have the same width for me. So I don’t see any need for changes here. Or do they look different widths to you? You are welcome to show this with a screenshot: https://ww.wp.xz.cn/support/forum-user-guide/block-editor/#adding-screenshots

    Thread Starter tylertobin

    (@tylertobin)

    1 year, 3 months ago

    Thanks, threadi. It is actually the height of the box with L&K Real Estate in it. The widths of the boxes are good that one just sticks out like a sore thumb not being the same height.

    Moderator threadi

    (@threadi)

    1 year, 3 months ago

    Ah yes, now I see it too. To optimize that you would actually have to rebuild the entire styling, which is apparently provided by your theme. You therefore have 3 options:

    George Appiah

    (@gappiah)

    1 year, 3 months ago

    As a quick hack, you can give a minimum height to the height of that column.

    For the current list, 360px seems to work:

    .lsvr_listing .post__inner {
    min-height: 360px;
}

    But I called it a “quick hack” for a reason: this is by no means the best solution. If you add an entry that has more lines (making the box higher than 360px), you’ll need to tweak the min-height value in the above CSS code to reflect the new highest height.

    The ideal solution involves a lot of work and is beyond the scope of this forum, as has been explained to you already above.

    Good luck!

    Thread Starter tylertobin

    (@tylertobin)

    1 year, 3 months ago

    Thank you, George. I appreciate it. I think I am just going to reach out to our developer as they have assisted with this in the past. Is there a way to just reorder the grid? It appears that if I can fill that center space with a business that has a longer name, the boxes should be symmetrical. I know in the Builder app you can easily rearrange but not sure in the LSVR Directory.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘LSVR Directory Box Dimension Issue’ is closed to new replies.