XF 2.2 Pictures framed by text

Nicolas FR

Well-known member
Is there a way to prevent this ?
In mobile view can images be prevented from being framed? I don't know the exact term for this feature, sorry.
Thank you.

image0.webp
 
Sad Cartoon GIF
 
The images have a fixed width and are aligned left.

The text therefore wraps around them.

As the viewport width is reduced, the image retains its fixed width and the available space for the text reduces until there is no space left other than for the image, which then reduces in size with the available width of the div.

There is nothing which can be done other than to not align the image, or not provide a width for it, or set the style as a fixed width and not be responsive.
Or all three.
Or a combination thereof.
 
Depends on your screen size too. Looks good to me in portrait until it hits the Preview block. In landscape that block looks fine but others look messed up. It's fluid and going to happen.
 
I found those class : bbImageAligned--left and bbImageAligned--right
Can we play with them in extra.less template ?

Less:
@media (max-width: 650px) {
    .bbImageAligned--right, .bbImageAligned--left {
        something: here;
    }
}
 
Top Bottom