Custom styling for >Blockquote

Support
4

There’s a CSS rule in core that looks like this:

.cooked>*:first-child {
  margin-top: 0;
}

This is used to normalize the top margins of elements, since a set 15px margin is added to the parent element, we remove all top margins from first-child elements.

This is a more specific rule so it strips the top margins you added to the blockquotes if they are the first child of cooked. So here’s something you can try and see if it works for you.

  1. use position relative on the blockquotes
  2. add the fix Martin suggested above
  3. add this selector as well
    .cooked>blockquote:first-child

So you end up with

.cooked>blockquote,
.cooked>blockquote:first-child {
  margin-top: 20px;
}
5 Likes