Try adding classes, instead of restricting the CSS to certain pages.
You should be looking for classes that will allow you to apply your styles to those pages only. Usually the CSS for the entire site will be loaded at once and kept in the cache. So don’t try to load the styles only on certain pages, instead provide styles that override existing styles only on the pages you want to modify.
Check the body_class function, it produces the classes you need may on the <body> tag already.
And if that is not enough, try changing the template to output the category as a class name.
Also, you should not just inject a stylesheet into the head, you should use wp_enqueue_script to add new styles, but you shouldn’t really need to do that either.
Related Posts:
- WooCommerce change number of columns in the frontpage
- WordPress custom styles in menu page
- Overriding WooCommerce CSS? [closed]
- Making a
- How to change the color of an svg element?
- How to implement max-font-size?
- @Media min-width & max-width
- How do I center this form in css?
- How can I replace text with CSS?
- Bootstrap 4, How do I center-align a button?
- How do I horizontally center a span element inside a div
- What does an asterisk (*) do in a CSS selector?
- height style property doesn’t work in div elements
- Text not wrapping inside a div element
- How to make padding:auto work in CSS?
- How to vertically center inside the parent element with CSS?
- combined multiple classes into one css rule
- CSS Outside Border
- CSS not working in Chrome
- CSS3 opacity gradient?
- use multiple css filters at the same time?
- CSS fixed width in a span
- Adding border to CSS triangle [duplicate]
- How to enqueue style before style.css
- WordPress Register Style Called Incorrectly
- Styles and Scripts, Selectively enqueue across entire site
- wp_enqueue_script + how to load JS or CSS in one URL merge call?
- Duplicate and alter sidebar for Twenty Eleven
- How to dequeue styles coming from plugins?
- How to set different font family based on text language?
- How to exclude certain code from style.css? [closed]
- ‘Customize’ button in admin bar for CSS
- Need Help Figuring Out Admin Menu Hover Styling Class
- whats happening with my index page?
- How do I add an indicator to my .menu-item if it contains a .sub-menu?
- How do you customize the admin bar for buddypress?
- Change via CSS the color of social menu icons
- Trouble with plugin styles in admin area of WordPress
- Header’s CSS doesn’t work in Chrome and Opera – any ideas how to fix it?
- How to create an input field, and base the output on spreadsheet data? [closed]
- Twenty Fifteen : Wider right column for the content
- Moving button on Online Consulting theme
- css file status 403
- How can I get the search form to be selected automatically?
- Adding Custom css file
- Using transient for dynamic css , how to name it?
- Is there a way to add additional CSS styles to the styles css file dynamically?
- Is it safe to use WordPress generated classes?
- Change CSS on a wordpress post
- Unstable handling of CSS under WordPress/Elementor
- Skewed / slanted button within elementor [closed]
- Override/ignore CSS from active theme as not to interfere with my custom CSS
- How to add animation the featured image?
- get_template_directory_uri() generates wrong path
- How to change the settings of a video? [closed]
- Change text color dynamically in WordPress [closed]
- First element/selector of enqueued CSS file breaks
- How can I add inline CSS for each image?
- Creating a second menu on Twenty Eleven aligned right from the first
- Customizing WP-syntax to get custom colors
- Sidebar missing from Homepage
- I have html form and need to make it work in text editor on template. Only problem is it has .sccs styling file
- 2 css files? Theme css file gets override by another css file that I can not edit
- How to insert the current user’s role into the body class in the admin backend
- Need to make sidebar responsive only when screen width is greater than 1024px
- Does anyone know how to make text fade in when scrolling down, that doesn’t require any plug-ins? [duplicate]
- Unused CSS in WordPress Plugins
- I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)
- How to change specific menu tab from left to right in My Home Theme?
- WP Admin Bar transparent on some pages (.screen-reader-shortcut)
- Admin bar default color scheme for nonregistered/nonlogged users
- Lines of CSS only being delivered while logged in
- How to display javascript banner in website header?
- How to Take Logo Out of Navigation Menu? [closed]
- @media applying globally and not separately for each screen width [closed]
- Make different border color gallery items
- Loading css files conditionally useful?
- How remove the white space between my menu and slider?
- Dropdown menu’s fighting with each other [closed]
- Customizer: CSS changes not persistent
- Move both sidebars more to their sides [closed]
- Style Switching
- Which hook to use to add notification message at beginning of my
- single.php doesn’t getting style
- Display alt text as tool tip on page
- Theme looks ugly – FOUC – stylesheets loaded in footer
- How to make widgetized footer styles be inherited from body?
- custom css in admin panel by user id
- Site layout problems when logged in due to admin bar
- Add “sub-nav” class to a sub menu parent item
- Current Post/Page Ancestor, CSS
- How to target only one element if more elements share the same CSS class
- Trying to disable all notifications except for one on woocommerce checkout page with css [closed]
- Can’t override CSS with child theme
- Custom css code in wordpress [closed]
- Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
- remove white overlay [closed]
- Why doesn’t media(max-width) work on h2 title?
- How to use WordPress 3.8 back-end CSS in front-end?
- How to modify submit button on GravityForms