Archived topic
How to remove the 'container' from the class
3 replies · Started by YSK on November 20, 2020
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?