[ad_1]
I am trying to replicate this page: [https://pixieset.com/example/])
Whenever new event is photographed I would like to add it to the page, newest events being first.
I am trying to use container with infoboxes inside but the infoboxes spread out across the whole page width and they are aligned vertically (above or below) instead of being one next to another and flowing to the next line when needed.
Can anyone advise?
[ad_2]
Those are just categories with thumbnails therefore you just need to create a new ‘event’ and treat is in the style as they have.
For this, if you don’t want to deal with theme changes to the built in posts loop, you can use something like this:
[https://wordpress.org/plugins/ultimate-post/])
In order to replicate the layout of the page you provided, you will need to use CSS to control the layout of the elements on the page.
You can use the ‘display: flex;’ property on the container element to make the infoboxes align horizontally and wrap to the next line when needed.
You can also use the ‘flex-wrap: wrap;’ property on the container element to make the infoboxes wrap to the next line when needed.
Additionally, you can set the ‘width’ and ‘margin’ properties on the infobox elements to control the spacing between them and the overall layout of the page.
You can use CSS media queries to make the layout responsive so that it adapts to different screen sizes.
You can also use JavaScript or a framework like a masonry to arrange the elements in a grid layout.
It would be helpful if you could provide more details and code to help you with a more specific solution.