• Resolved Anonymous User 14828467

    (@anonymized-14828467)


    There is a strange line under the volume control when adding an audio media. I checked with last versions of Firefox, Chrome and Edge.
    You can see what i mean here: https://i.imgur.com/af5obCt.png
    Is there a simple way it can be fixed?

Viewing 2 replies - 1 through 2 (of 2 total)
  • That is caused by the entry-content a { border-bottom: 2px solid; } line of code in the theme’s CSS. That line of code says this: If there’s a link in a blog post, page post, or comment post, put a solid border at the bottom that’s 2px in width.

    If you don’t want to appear on the volume control link, you can add this to your custom CSS area or child-theme’s CSS file to overwrite that:

    .mejs-controls a.mejs-horizontal-volume-slider {
        border-bottom: none;
    }

    The code above says: If it’s a volume control link, don’t put any border at the bottom.

    Thread Starter Anonymous User 14828467

    (@anonymized-14828467)

    Extremely precise answer. Thank you for your support and for providing an explanation, more than just point me to some lines of code, really appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Odd line under "volume control"’ is closed to new replies.