How to change background color of “+” icon?

  • Hi.

    How can I change background color of “+” and “-” icon (screenshot showing what I mean: https://i.imgur.com/uDsKR3C.jpg) ? I tried to edit the following CSS and background-color property but it just changes the color of an icon, not its actual background:

    .otfm-sp__title::after, .otfm-sp__title::before {
    background-color: #777;
    }

    Best,
    Kacper

    • This topic was modified 3 years, 7 months ago by kacper3355.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Vova Druzhaev

    (@otshelnik-fm)

    Hi.
    This is not an easy task because icons are pseudo-elements. And they can no longer be used for the background color. You can try the hack:

    .otfm-sp__wrapper {
    position: relative;
}
.otfm-sp__wrapper::before {
    content: "";
    background: rgb(204 231 243);
    position: absolute;
    width: 30px;
    height: 33px;
    top: -1px;
    left: 0px;
}
.otfm-sp__title {
    padding-left: 36px;
}

    but it won’t work for spoilers that have color

    Thread Starter kacper3355

    (@kacper3355)

    Thank you! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change background color of “+” icon?’ is closed to new replies.