How to create a custom CSS class for a specific page template?

The styles are not created in CSS, they are created in page markup.

If your theme and template are coded properly they make use of body_class() function, that will output number of classes for you to make use of in page source.

View source of your page and <body> tag to see what you have available and can target in CSS for your page.

Related Posts:

  1. Is it possible to enqueue a raw CSS string directly from within a template file?
  2. How do I style WordPress pages differently based on the tag used?
  3. Inconsistent `body_class()` function
  4. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  5. post_class not working with css
  6. Hide Overflow on a Specific WordPress Template
  7. What’s the difference between SCSS and Sass?
  8. How am I supposed to use index.html?
  9. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  10. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  11. Adding border to SVG image
  12. What does !important mean in CSS?
  13. Set line spacing
  14. Remove blue underline from link
  15. CSS Background Opacity [duplicate]
  16. Outline effect to text
  17. Customize Bootstrap checkboxes
  18. Making a
  19. React.js inline style best practices [closed]
  20. What is a user agent stylesheet?
  21. What is a user agent stylesheet?
  22. Is there a CSS parent selector?
  23. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  24. Vertically align text within a div
  25. How to align a
  26. Animate the overflow property
  27. Is there a color code for transparent in HTML?
  28. multiple classes on single element html
  29. CSS opacity only to background color, not the text on it?
  30. How do I center floated elements?
  31. create a white rgba / CSS3
  32. Using CSS for a fade-in effect on page load
  33. Gradient borders
  34. Superscript in CSS only?
  35. What is WebKit and how is it related to CSS?
  36. What’s the difference between display:inline-flex and display:flex?
  37. Making an iframe responsive
  38. How can I invert color using CSS?
  39. How to insert spaces/tabs in text using HTML/CSS
  40. font-family is inherit. How to find out the font-family in chrome developer pane?
  41. How to get these two divs side-by-side?
  42. How can I vertically center a “div” element for all browsers using CSS?
  43. What does auto do in margin: 0 auto?
  44. Does bootstrap have builtin padding and margin classes?
  45. How to change the color of an svg element?
  46. Changing spacing between paragraphs and inside of paragraphs
  47. Is there a color code for transparent in HTML?
  48. How to vertically align an image inside a div
  49. How can I center an absolutely positioned element in a div?
  50. Nesting CSS classes
  51. Applying Comic Sans Ms font style
  52. How to set up fixed width for ?
  53. “Stray start tag footer” in html validator?
  54. How to change btn color in Bootstrap
  55. Make div scrollable
  56. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  57. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  58. What is the difference between the selectors “.class.class” and “.class .class”?
  59. CSS: Creating textured backgrounds
  60. Insert image after each list item
  61. How to make the HTML link activated by clicking on the
  62. ?
  63. How to change text transparency in HTML/CSS?
  64. How do I hide the bullets on my list for the sidebar?
  65. limitations of using @Html.EditorForModel
  66. Transition of background-color
  67. How to implement max-font-size?
  68. How to float 3 divs side by side using CSS?
  69. How to override the properties of a CSS class using another CSS class
  70. HTML Width Percentage
  71. Circle button css
  72. force footer on bottom on pages with little content
  73. draw diagonal lines in div background with CSS
  74. How to add a color overlay to a background image?
  75. Change color of PNG image via CSS?
  76. css transition opacity fade background
  77. Better way to set distance between flexbox items
  78. Text-decoration: none not working
  79. How to set up fixed width for ?
  80. How do I center an h1 in the body
  81. CSS3 Transition not working
  82. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  83. How do I rotate text in css?
  84. CSS Invalid Property Value?
  85. right align an image using CSS HTML
  86. How can I transition height: 0; to height: auto; using CSS?
  87. css to make bootstrap navbar transparent
  88. how to offset a CSS border up and left
  89. @Media min-width & max-width
  90. CSS display: inline vs inline-block
  91. css: how to center box div element directly in center?
  92. How do I center this form in css?
  93. How to apply a CSS filter to a background image
  94. Aligning two divs side-by-side
  95. Play multiple CSS animations at the same time
  96. Dynamically change color to lighter or darker by percentage CSS
  97. How can I replace text with CSS?
  98. CSS text-align: center; is not centering things
  99. Why are my CSS3 media queries not working on mobile devices?
  100. Transitions on the CSS display property
  101. CSS transition shorthand with multiple properties?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)