[Resolved] Post archive layout issue

[Author]

Posts

[genaS]

I have built a post archive page here, hidden link

I have the layout exactly like I want it except for one issue, the graphics. The graphics are all the same size, 1080x1080px, but Toolset resizes smaller, which I don't mind, except that they are not being resized to the same size. The right side they are being resized a bit bigger than the left side. Plus there seems to be a space above the graphic on the right where I don't have that in the layout CSS. Because of this the whole page is a bit 'off' in alignment. What can I do to make sure the graphics are always the same size, and on the same line?

[Minesh]

Hello. Thank you for contacting the Toolset support.

It does not seem that you are using Toolset blocks to build your archive but you are using Toolset Layouts.

I would like to inform you that Toolset Layouts plugin is in maintenance mode and we are not going to add any new features to it anymore.

If possible I suggest you should switch to Toolset blocks and build your archive accordingly. If you do not agree to switch to Toolset Blocks please let me know.

[genaS]

Right, I couldn't quite understand how to build it with the Toolset Blocks with the loop that I needed to show the 4 latest posts, so I built it with the Layout option. I can try to look again at it with Blocks. Is there anywhere that shows how to build the posts loop with Blocks so I can get it to work like it is now with Layouts?

[Minesh]

Here is the Doc that shows how you can build custom search:
- https://toolset.com/related-lesson/custom-search/

Here is the Doc that shows how you can build archives and related information:
- https://toolset.com/related-lesson/archive-pages/

You can even explore any of the courses we offer:
- https://toolset.com/course/

In addition to that - you can also use our free test platform http://www.discover-wp.com and use any of the reference site we offer to create your test site and play with it to know how those reference sites are build using Toolset:
- https://discover-wp.com/site-templates/

[genaS]

Thank you for these links. I have an archive page started with the blocks, but if I try to put something outside of the WordPress Archive block, like an image or a header above all the archive area, the image disappears. It's like it won't allow me to add anything outside of the archives area. Is there a way to do that? I want to have a specific header and footer for the archive page that is different than the rest of the site.

[Minesh]

Currently you can not add anything outside the archive loop and even though you will add - it will replace only the body part so you will have your existing header and footer and the one you may add using the archive as archive will not be able to replace your existing header and footer.

In that case - I suggest you should create a PHP archive template inside your theme for your post type and change the header and footer accordingly as the views or archive will be able to replace the body i.e. the_content() area not the headers and footers.

So inside your theme you should create a archive template for your post type by adding the file: archive-{post-type}.php
=> https://developer.wordpress.org/themes/template-files-section/custom-post-type-template-files/#custom-post-type-templates

Where you should just copy your existing archive file and rename it to: archive-{post-type}.php and adjust the headers and footer for your archive as required.

[genaS]

Thank you for your help.