“Extra class” only works on parent-element

[oliverr]

Hello guys,
I did some CSS changes on the Toggle-Element. The class is named “video-caption”.

.video-caption .toggle-wrap .spb_toggle {
    background-color: transparent !important;
    font-size: 2rem!important;
    font-weight: 400!important;
    text-transform: none!important;
    opacity: 1!important;
    color: #999!important;
    padding: 20px 0 10px 0!important;
    border-top-width: 0!important;
    border-right-width: 0!important;
    border-bottom-width: 0!important;
    border-left-width: 0!important;
}
.video-caption .toggle-wrap .spb_toggle:after {
    right: inherit!important;
    margin-left: 8px!important;
    margin-top: -4px!important;
}
.video-caption .toggle-wrap .spb_toggle:hover {
    color: #000000!important;
}
.video-caption .sf-icon-box-animated-alt .front-inner-wrap h3 {
    border: 0px solid #e3e3e3!important;
}
.video-caption .toggle-wrap .spb_toggle_content {
    border-width: 0!important;
    padding: 0px 0px!important;
}

If I add this custom class in the toggle-element, nothing will happen. However it does work without problems if I add the custom class to the parent-object (row).

Why doesn’t this work with the toggle-element?

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url and attach a screenshot to indicate the exact position of element at page.
Thanks
Mohammad