Toggle CSS

[George]

Hey guys!

I want to change the look of my toggles, could you please provide some css?

The desired look is attached;

Photo 1: closed
Photo 2: open

Your help is much appreciated.

Regards,

George

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue.
Thanks
Mohammad

[George]

Hi Mohammad,

Our toggles are on this test page: https://events.com.au/test-post/

user: cardinalsupport
p/w: support11

it’s private so you’ll need to login.

Then the toggles are in the FAQ section.

I want them to look like the attached images in my first post.

Thank you Mohammad.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.toggle-wrap .spb_toggle, .spb_toggle_content{
border-color:#fff !important;
}
.toggle-wrap .spb_toggle:before{
bottom: auto;
    content: "\f105";
    font-family: "Fontawesome" !important;
    font-size: 20px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.toggle-wrap .spb_toggle:after{
display:none !important;
}

.toggle-wrap .spb_toggle.spb_toggle_title_active:before {
    content: "\f107" !important;
}

Thanks
Mohammad

[George]

Hi Mohammad, that’s perfect, thank you very much!

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad