Site logo

Archived topic

How to remove the 'container' from the class

3 replies · Started by YSK on November 20, 2020

Viewing posts 1–4 of 4

Hi there,

How to remove the 'container' from every #page class.

Because I want to use "tailwindcss".

'container' conflicts.

BEFORE
<div id="page" class="site grid-container container hfeed">

The results I want are as follows.
<div id="page" class="site grid-container hfeed">

Is there a problem with removing the 'container'?

Thank you!

Hi there,

I would advise against it, as some of our features may use that selector.

However, it is possible:

add_filter( 'generate_page_class', function( $classes ) {
    $classes = array_diff( $classes, array( 'container' ) );

    return $classes;
} );

It may be better to just resolve the conflict. What's the issue, exactly?

Hi there,

Thank you for your suggestions for solutions.
and I understand that there may be problems.

Tailwind CSS 'container'
https://tailwindcss.com/docs/container

I'd like to think of a way to make them coexist somehow.

Thank you!

So is the main issue you're seeing width-related?

This archived topic is closed to new replies.