Archived topic
Generate Blocks: Images & Text side by side on desktop
1 reply · Started by Lars on June 23, 2022
Dear GP-Crew,
im using GP Blocks for some boxes on this site.
It looks perfect on mobiles, but im not happy with desktop view. Is it possible to display text and image in the boxes side by side - only on desktop? Tried to play around with container sizes, but it didnt worked.
Thank you so much,
Lars
Hi there,
you can try this:
1. Add this CSS to your site:
@media(min-width: 769px) {
.gb-container.container-float-left {
float: left;
margin-right: 40px;
margin-bottom: 40px;
min-width: 45%;
}
}Then select a container block and in Advanced > Additional CSS Class(es) add: container-float-left
This will float the container to the left, and the other content will flow around it.
BUT please note that you may need to adjust the content that comes after the container so it wraps around nicely, as Floats can be a little unpredictable..
