Reading pane margin

Hi,

I have changed the H3 heading to include a horizontal line as I don't like the look of inserting a regular line and the subsequent spacing it creates around it. This works fine but somehow the top margin in the reading pane disappears:

image

I've tried to adjust the margin/border/padding but this does not make any difference to the first line - only subsequent H3 lines if that makes sense. Any idea how to fix this? Is there a separate CSS to define the reading pane borders?

h3 {
margin-top: 40px;
padding-top: 15em;
border-top: 100px;
padding-bottom: .5em;
border-bottom: 2px solid #eaecef;
/* font-size: 1em;
font-weight: 700; */
line-height: .1em;
}
h3:after{
content: '';
background: black;
height: .1em;
margin: .2em;
flex: 1;
text-align: left;
line-height: .1em;
}

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.