ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Uplift
• September 28, 2016 at 12:06 pm #293659
  oliverr

  Member

  Post count: 123

  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?

  September 29, 2016 at 7:47 am #293736
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

• Back to forum

  Posted in: Uplift