You can replace the page type condition to match your page by ID or slug instead. https://www.webperftools.com/blog/how-to-remove-unused-css-in-wordpress/ function enqueue_pure_styles() { $suffix = ”; if (is_front_page()) { $suffix = ‘.front-page’; } else if (is_page()) { $suffix = ‘.pages’; } else if (is_single()) { $suffix = ‘.blog’; } else if (is_archive()) { $suffix = ‘.archives’; } wp_enqueue_style(‘pure-styles’, … Read more
WordPress Sudden Loss of All CSS And Tons of JQuery Errors
Modal dialog under the backdrop
underscores theme – sass folder structure vs smacss
Custom Gutenberg color classes naming convention
How to create CSS Counters for Comments (depth 5)?
Custom CSS in Widget editor (Gutenberg) gets stripped out
Check with below code you need to start that grid-container div before while loop as like below: <?php get_header(); ?> <?php $args = array( ‘post_type’=> ‘movie’ ); $the_query = new WP_Query($args); ?> <?php if ( $the_query->have_posts() ) : ?> <div class=”grid-container”> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <div class =”column”> <div class=”img_gallery”> <?php … Read more
Hide product variations at home page
What you will need to do is specify CSS styles for specific screen widths. For example: /* for mobile & tablet */ @media (max-width: 989px){ .itemOne, .itemTwo{ display: none; } } This display: none style for .itemOne & .itemTwo will only be applied for screens up to 989px wide. You can choose your max width … Read more