18 September, 2019

WordPress - Twenty Nineteen: How to Remove the Heading Dash

Twenty Nineteen is a very clean theme. But for some reason I don't fancy the dash over all headings. You can remove it via this entry in style.css - or in the costum css:

/* remove the top dash */
h1:not(.site-title):before,
h2:before {
  background: #767676;
  content: "\020";
  display: block;
  height: 2px;
  margin: 1rem 0;
  width: 0em;
}

.entry .entry-title:before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 0em;
}

/* you may also want this ... */
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
    display: none;
    content: "";
    width: 2em;
    color: #767676;
    height: 0em;
}

.comments-area .comments-title-wrap .comments-title:before {
    background: #767676;
    content: "";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 0em;

}

No comments: