Custom Css class in confluence

gopuravi

I want to apply custom css class to the HTML tags in confluence. I tried adding css class in HTML macro as well as in css Macro. but the style is reflecting only in the preview, when i save and view the page style is not available, any advice

HTML Macro:

<span><head></span>
  <span><style></span>
    <span>.</span><span>myClass </span><span>{</span>
      <span>padding</span><span>:</span> <span>18px</span><span>;</span>
      <span>background-color</span><span>:</span><span> Grey</span><span>;</span>
    <span>}</span>
  <span></style></span>
<span></head></span>
<span><body></span>
  <span><div</span> <span>class</span><span>=</span><span>"myClass"</span><span>></span>
    <span><p></span><span>Answer will be posted here.</span><span></p></span>
  <span></div></span>
<span></body></span>

Css Macro

<span>.</span><span>myClass</span><span>{</span><span>  padding</span><span>:</span>  <span>18px</span><span>;</span><span>  background</span><span>-</span><span>color</span><span>:</span> <span>Grey</span><span>;</span>

<span>}</span>

Preview 

When i save and publish

Bill Bailey

Well the Cloud version does not support custom CSS, a downside to that version. What you need to do is to use the browsers inspect function to look at three things:

1. How your macro is actually rendered
2. Are you rules being loaded at all
3. Are there any other rules overriding yours