home projects speaker
buy me a coffee? sponsor me!

How to inject proper page styling, with indented chapters, with jQuery and CSS

Written by Alexander

A friend of mine had an issue with a Drupal theme page, where he could not change the HTML structure to fit his needs with the indented chapter styling. He got it fixed initially by using CSS selectors that increased in size for each chapter, a method that "worked", but was not very efficient.

The "working" solution

css
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3),
div.panel-pane.pane-entity-field.pane-node-field-body
  div.field-item
  > h3
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3)
  + *:not(h2):not(h3) {
  margin-left: 3.75em;
}

A better solution

I found a better solution, by manipulating the DOM with jQuery:

See the Pen How to inject proper paper styling to document by Alexander Vassbotn Røyne-Helgesen ([@phun-ky](https://codepen.io/phun-ky)) on [CodePen](https://codepen.io).

About the author

Hi! My name is Alexander, and I am a creative frontender, specializing in UX, accessibility, universal design, frontend-architecture, node and design systems. I am passionate with open source projects and love to dabble with new emerging technologies related to frontend. With over 26 years of frontend experience, I have earned the right to be called a veteran. I am a lover of life, technologist at heart. If I am not coding, I am cooking and I love whisky and cigars. Oh, and coffee, I LOVE coffee!

If you want to know more about me, here is some links you might want to check out: GitHub, Instagram, Twitter, LinkedIn, CodePen, Slides.com, npm,

Speaker

I am also an avid speaker on several topics! Check out some of the things I speak about, and contact me if you are interested in having me at your next event!