floated image

[midiman]

Hello, I would like to stand out pictures float left and right. (see links) can you help me with this?

https://typer.seventhqueen.com/publisher/the-balance-of-nature/
https://typer.seventhqueen.com/publisher/how-the-worlds-most-successful-founders-approach-failure/

Thanks

[David]

Hi there,

try this.

1. Add this CSS:

@media (min-width: 1024px) {
    .wp-block-image figure.alignleft {
        margin-left: -20%;
    }
    .wp-block-image figure.alignright {
        margin-right: -20%;
    }
}

2. Edit your post, and select an Image Block and set it to Align Left and reduce the image size eg. 50%.
3. Do the same for another image but set it to Align Right.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts