Add class when more page is visited

It seems you are looking for body_class()

You can read more here

A solution for adding a body class to a specific page template:

add_filter( 'body_class', 'custom_class' );
function custom_class( $classes ) {
if ( is_page_template( 'page-example.php' ) ) {
    $classes[] = 'example';
}
return $classes;
}

The result on the front-end:

<body class="page page-id-7 page-template page-template-page-example page-template-page-example-php example">

Related Posts:

  1. Cannot set property ‘className’ of null at setThemeFromCookie
  2. How to insert the current user’s role into the body class in the admin backend
  3. Add top parent page id to body class
  4. add css to only body text
  5. How to change the color of an svg element?
  6. How to implement max-font-size?
  7. @Media min-width & max-width
  8. How do I center this form in css?
  9. How can I replace text with CSS?
  10. Bootstrap 4, How do I center-align a button?
  11. Float a div above page content
  12. What does an asterisk (*) do in a CSS selector?
  13. height style property doesn’t work in div elements
  14. background-size: cover not working?
  15. combined multiple classes into one css rule
  16. CSS Outside Border
  17. Is there an opposite to display:none?
  18. Rainbow gradient on text in CSS
  19. CSS3 opacity gradient?
  20. use multiple css filters at the same time?
  21. font-weight is not working properly?
  22. What would be the best method to code heading/title for ul or ol, Like we have caption in table?
  23. How can I make my header image properly responsive?
  24. CSS fixed width in a span
  25. Adding border to CSS triangle [duplicate]
  26. Remove wp_add_inline_style
  27. WordPress Register Style Called Incorrectly
  28. Duplicate and alter sidebar for Twenty Eleven
  29. Set Image width=’x%’ (percentage width not pixel width) when inserted via the media manager?
  30. How to dequeue styles coming from plugins?
  31. How to exclude certain code from style.css? [closed]
  32. Need Help Figuring Out Admin Menu Hover Styling Class
  33. How to decrease picture size
  34. whats happening with my index page?
  35. How do I add an indicator to my .menu-item if it contains a .sub-menu?
  36. Change via CSS the color of social menu icons
  37. style.css doesn’t load on the home page when front-page.php activated (using stock theme)
  38. Header’s CSS doesn’t work in Chrome and Opera – any ideas how to fix it?
  39. @media in bluehost is being commented out [closed]
  40. Twenty Fifteen : Wider right column for the content
  41. Moving button on Online Consulting theme
  42. css file status 403
  43. How can I get the search form to be selected automatically?
  44. Adding Custom css file
  45. Using transient for dynamic css , how to name it?
  46. Change CSS on a wordpress post
  47. Unstable handling of CSS under WordPress/Elementor
  48. Trying to hide a button on a specific WordPress Page ID
  49. How to add animation the featured image?
  50. get_template_directory_uri() generates wrong path
  51. How to change the settings of a video? [closed]
  52. Change text color dynamically in WordPress [closed]
  53. First element/selector of enqueued CSS file breaks
  54. Different background for different page
  55. calling an additional css and js links for a custom page template
  56. Styling last item in ul [closed]
  57. How to change color of some items through css [closed]
  58. Remove custom css made by the custom theme
  59. Font styling in embedded Twitter feed
  60. Is there any way we can restore the “Additional CSS” after being erased?
  61. sidebar with hovering mouse effect
  62. Default paragraph block styles just for pages NOT for posts?
  63. Custom Gutenberg color classes naming convention
  64. Loading a stylesheet conditionally & verifying CSS
  65. Dequeue styles with query doesn’t work
  66. child-theme style not changing on localhost
  67. WordPress login using a completely custom page and no plugins?
  68. Gutenberg CSS Issue
  69. When changing theme’s font, why does font-size attribute not work? [duplicate]
  70. Hide BBPress create topic on one page
  71. Dropdown contents hidden behind content [closed]
  72. About copy and paste content and formatting
  73. Loading css files conditionally useful?
  74. Is there any way to turn off a particular scrolling behaviour?
  75. Sidebar at bottom however I have completely replaced theme folder back to original code
  76. Site not 100% responsive
  77. Dropdown menu’s fighting with each other [closed]
  78. Customizer: CSS changes not persistent
  79. Move both sidebars more to their sides [closed]
  80. Scale An Image Thumbnail
  81. Which hook to use to add notification message at beginning of my
  82. single.php doesn’t getting style
  83. Theme looks ugly – FOUC – stylesheets loaded in footer
  84. Converting Static HTML pages to WordPress
  85. How to make widgetized footer styles be inherited from body?
  86. custom css in admin panel by user id
  87. How to customize a theme’s navigation menu with css
  88. Site layout problems when logged in due to admin bar
  89. Add “sub-nav” class to a sub menu parent item
  90. Current Post/Page Ancestor, CSS
  91. How to target only one element if more elements share the same CSS class
  92. How to change the CSS in one file?
  93. Custom css code in wordpress [closed]
  94. Using Easy Google Fonts correctly and Droid Sans on Max OS X [closed]
  95. remove white overlay [closed]
  96. Why doesn’t media(max-width) work on h2 title?
  97. ACF Extended : Disable styles in front [closed]
  98. How to avoid problems caused by new block-library default CSS rules (wp 6.1.1)
  99. Grid problem on privew mode
  100. Disabling double vertical scrollbar and horizontal scrolling?