Horizontal rule disappearing in Misty Lake

  • I’m hoping someone can help. Something in the CSS of Misty Lake theme is causing my horizontal rules created with <hr> tag to appear briefly, then disappear. I’ve added custom CSS to remove all formatting, add formatting, change colors, width, etc., and it always appears briefly then disappears. If I strip the theme from a page, the lines appear correctly. As soon as I reapply Misty Lake, they disappear again.

    It’s happening on all browsers I have access to: Chrome, MS Edge, Firefox, Safari.

    You can see an example here: https://theprancingponypodcast.com/outtakes/

    There should be a horizontal line between each embedded YouTube video and the next “Outtake #XX”, but it appears then disappears.

    Can anyone help? Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @shawnbou,

    I can see that height: 0; is being added to the hr tag but I’m not sure why. I attempted to replicate the issue with my own installation of the theme, using similar content to what I see on your page, but was unable to.

    I wonder if that styling is being added by a plugin. Would you be able to disable your plugins one by one to see if any are causing the issue?

    If you’re not able to pinpoint a plugin that’s causing the issue, then you could use the following custom CSS to force a height on the hr tag:

    hr {
    height: 1px !important;
}

    Please note, the use of !important is not usually recommended in CSS but is needed here to override the styling that’s being added to the tag. The ideal solution would be to find where that styling is being added and remove it from there.

    Let me know if the above helps or if you have further questions.

    Thread Starter shawnbou

    (@shawnbou)

    Hi @siobhyb,

    Thanks so much for your help! I tried deactivating all my plugins one by one and could not find the offending one, but the !important code took care of it. Not ideal, but it will do for now. I appreciate your quick response!

    I’m glad that helped @shawnbou. Do let me know if you find out the cause of that height: 0; code.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal rule disappearing in Misty Lake’ is closed to new replies.

Tags