[Resolved] taxonomy archive layout

[Author]

Posts

[matthewW-12]

Tell us what you are trying to do?
Display taxonomy archive using content template

I've designed a content template for a custom post type which is more or less fine on a single CPT page. I've also set a taxonomy archive for that CPT to use it, and it displays the content, but it ignores the grids and just puts everything in 1 column. Is there any way round this?

[Shane]

Hi Matthew,

Thank you for getting in touch. In order for me to understand this issue better I would need to have access to the site to see the archive on the backend.

Can you provide me with admin access to the site? I've enabled the private fields for your next response.

Thanks,
Shane

[Shane]

Private fields

[Shane]

Hi Matthew,

What did you use to create the archive?

I'm not seeing where this archive was a custom archive made with Toolset. Was this archive created with another plugin or are you calling the content template using the php code.

Please let me know.
Thanks,
Shane

[matthewW-12]

I created the CPT and taxonomies with Toolset, and then assigned the new content template I created to the countries archive. For the previous content template, I used WP Bakery, and that worked, in terms of layout. See these two pages on the previous site:
hidden link
hidden link

[Shane]

Hi Matthew,

I'm assuming that the content template that I should be looking at is the one below ?
hidden link

Please let me know.
Thanks
Shane

[matthewW-12]

That's the one, yes.

[matthewW-12]

I tried changing the theme to 2022 to see if it's them-related, and after I changed back to my Salient child theme, it started working:
hidden link
Very odd. The spacing is a bit off but I can sort that out.

[Shane]

Hi Matthew,

The issue was that some of the css required for the grid wasn't being loaded on the archive page.

Normally when we create custom archive we do it by going to Toolset -> WordPress archives. However I was able to resolve the issue by manually copying over the required css below.

.wp-block-toolset-blocks-grid.tb-grid[data-toolset-blocks-grid="9c7d02a0a469231ad98b4bfbe01fdea6"] {
    grid-template-columns: minmax(0, 0.25fr) minmax(0, 0.75fr);
    grid-column-gap: 40px;
    grid-auto-flow: row;
}
.wp-block-toolset-blocks-grid.tb-grid[data-toolset-blocks-grid="9af3cfb9be9a634d5ae2edca1ae80d6d"] {
    margin-top: 20px;
    grid-template-columns: minmax(0, 0.67fr) minmax(0, 0.33fr);
    grid-column-gap: 80px;
    grid-auto-flow: row;
}

Thanks,
Shane

[matthewW-12]

Ah, ok, thanks. Did you put the CSS in the content template? It's saying you're still editing it.

[Shane]

Hi Matthew,

That is correct i've added the css to the content template to resolve the issue.

I'm no longer viewing the page.

Thanks,
Shane

[matthewW-12]

My issue is resolved now. Thank you!