The page title above requires CSS to be aligned with the elements in this container. This is an H5 heading.
Let’s go fullscreen and place some things around the screen. How does it scale? Is it fun? Always start with a big image!
As you can see this is really going places. Far far away, then up an through those curves between the hills. Vroom vroom is gonna be fun!
So about generateblocks; All this text is now within a container. It seems to work pretty well and the visual look in this page editor is more similar to the output while still being in the normal WordPress interface. I think it both improves on the normal WordPress interface and it gets it closer to the output. I can tell your right now it is more fun to type for the simple reason I am also seeing that big road image above.
Ok, let’s try something else. I want an image within the container. So that just measn statying in this container and placing a new image within it. Time to hit enter and choose image.
This image is size ‘large’, not ‘Full size’ which is the largest display size in Generatepress. Full size is whatever the size of your upload is. Don’t upload images on your website that are too big. Large image files eill slow down your site, therefore worsen your search rank and cost more in hosting per user. Therefore scale down your images to maximum 2560px width, and apply some jpeg compression in the 50-70% range saving from Photoshop. The final file size should be in the 300-450 Kb range.
This time let’s place some new element inside this container to get a portrait style image next to some text.
The image on the right is an artwork of Mao taken at the Metropolitan museum in New York. And now I have to figure out the artist damn it! Adjust image margins as you prefer. I tried justifying this text but in the end preferred left-aligned.
Ok, let’s try something else. Boxes in boxes in boxes in boxes, meaning div’s inside div’s etc. In generateblocks a container is a div. You can place as many containers within other containers as you want. Here is some div art.