Container Size

Hello.

It would be better to use a Layout element and apply it on certain archives. Can you describe you taxonomy layout? Do you have countries set up as categories?

Hey John.

Sure, if you could provide credentials on the private section, I could take a closer look, thanks!

Ok, please edit the Examples layout element and remove All Archives from the Display rules. Add a new location: Post Category Archive -> All categories.

Then, create another Layout element and set a new location: Post Tag Archive -> All Tags in Display rules, then set your custom width in the Content tab.

Can I please edit the new element you have created? It seems you are already editing…

The pages you want to modify are using URL parameters to filter the content according to category, then tag. This doesn’t allows us to use a Layout element and does not give us different body class to work with.

You would need to add a code snippet to dynamically add a filtered-archive body class on those pages.

add_filter( 'body_class', function( $classes ) {
    if ( isset( $_GET['cat'] ) && isset( $_GET['tag'] ) ) {
        $classes[] = 'filtered-archive';
    }
    return $classes;
});

Then, you would use this CSS:

.filtered-archive .grid-container {
    max-width: 500px;
}

Change the max-width property value accordingly.

Let me know how it goes!

Yes, but this would require to also modify the width of the categories as well, for example on this page
https://understand-culture.com/category/country/brazil/

But I assume, you don’t want to that. If you wanted to do that, we could use a Layout Element.

You are using the WordPress query variable system to display certain tag archives that belong to a certain category, for example
https://understand-culture.com/?cat=3300&tag=agreements

GeneratePress elements cannot distinguish URL parameters so we could isolate those pages. Neither, WordPress exposes any classes in the body tag so we could target those specific pages. Thus, the code snippet I provided, adds a class ONLY on those pages so we can target them.