How can I remove line with yellow icon from Dyad theme?

  • Unknown's avatar
    maicmime · Member ·

    I love Dyad theme very much, it’s very beautiful and easy to customize.
    How can I remove the line with yellow icon on each page?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    michaelvandenberg · Member ·

    Hi there,

    This should remove the yellow icon and the line: 

    .is-singular .entry-content:before,
.error404 .entry-content:before,
.is-singular .entry-inner:before,
.error404 .entry-inner:before,
.is-singular .entry-inner:after,
.error404 .entry-inner:after {
	display: none;
}

    This will leave an empty gap above your content. If you want to narrow the gap, you can try this: 

    .is-singular .entry-inner {
	margin-top: 0;
}

    I hope this helps!

    Best regards,

    Michael

  • Unknown's avatar
    maicmime · Member ·

    Thank you very much, but it’s still.

  • Unknown's avatar
    thesacredpath · Member ·

    Wow, this was a tough one. I could get rid of the icon and the circle, but not the line for the longest time. Give this a try. 

    .is-singular .entry-inner::before, .error404 .entry-inner::before, .is-singular .entry-inner::after, .is-singular .entry-inner::before, .error404 .entry-inner::after, .error404 .entry-inner::before {
    display: none;
}
.is-singular .entry-content::before, .error404 .entry-content::before {
    border: none;
}

    And as @michaelvandenberg said, if you wish to tighten up the space above your page titles, use the second CSS rule he gave above.

  • The topic ‘How can I remove line with yellow icon from Dyad theme?’ is closed to new replies.