SVG Icon change (+ / -)

  • Resolved qwertyu77

    (@qwertyu77)


    2 years, 2 months ago

    Hi.
    I want to use the svg arrow icon on the right as +/- (plus minus). How can I change this? Or will you add an option for this?
    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • casper

    (@caspervoogt)

    We were not receiving notifications about this support forum and hear noticed the posts. We’ll get back to you soon.

    casper

    (@caspervoogt)

    Hi qwerty77,

    We have come up with some CSS you can try;

    .plethoraplugins-accordion .pds-accordion__icon {
    transform: none !important;
    position: static !important;
    float: right;
}
.plethoraplugins-accordion .pds-accordion__icon svg {
    display: none;
}

.plethoraplugins-accordion .pds-accordion__icon::before {
    content: "-";
    font-size: 3rem;
    font-weight: normal;
}
.plethoraplugins-accordion [aria-expanded="true"] .pds-accordion__icon::before {
    content: "+";
}

.plethoraplugins-accordion .pds-accordion__content {
    clear: both;
}

    You can add this in your theme’s CSS file or in the WordPress Customer’s custom CSS area, or some other way.

    casper

    (@caspervoogt)

    We may consider creating an easy way to add custom icons for a future version of the plugin, but this is still being discussed.

    Thread Starter qwertyu77

    (@qwertyu77)

    ?? thank you very much.

    casper

    (@caspervoogt)

    Glad to help

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘SVG Icon change (+ / -)’ is closed to new replies.