Horizontal Display

These types of visual customisations can be done with some custom CSS. Please see the following links for pointers on how to use flexbox to create the type of layout you need with CSS:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties
https://flexboxfroggy.com/

• This reply was modified 6 years, 2 months ago by Andrew Nevins.
• This reply was modified 6 years, 2 months ago by Gemini Labs.

Here is some custom CSS to get you started:

.glsr-reviews {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1.5em;
}
.glsr-review {
    flex-basis: 100%;
    border: 1px solid #13596B;
    padding: 0.75em;
    margin: 0 1.5em 3em;
}
@media (min-width: 768px) {
    .columns-3 .glsr-review {
        flex-basis: calc(50% - 3em);
    }
}
@media (min-width: 1024px) {
    .columns-3 .glsr-review {
        flex-basis: calc(33.33% - 3em);
    }
}

Tip: If flexbox is used (as in the example above), make sure to use https://autoprefixer.github.io/ to add the vendor prefixes for older browsers.

• This reply was modified 6 years, 2 months ago by Gemini Labs.
• This reply was modified 6 years, 2 months ago by Gemini Labs.

Hi.

Thank you very much for your reply.

I’ll try this and let you know the outcome.

@pgordalina I have not heard from you in over a week so will mark this topic as resolved.