Okay
  Public Ticket #582332
CSS for timeline bubbles
Closed

Comments

  • Cindy started the conversation
    November 12, 2015 at 2:47am

    I would like to make the timeline bubbles semi-opaque, but am not sure which CSS to change. I found what I thought to be the CSS and added background: rgba(256, 256, 256, .5) which appears to work when temporarily applied in Safari web inspector, but not when added to the child theme's style.css. Any suggestions are greatly appreciated.

  •  9,583
    Tahir replied
    November 12, 2015 at 6:09pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .smile-icon-timeline-wrap .timeline-feature-item,.timeline-wrapper .timeline-block,.timeline-feature-item.feat-item .timeline-icon-block,.timeline-header-block {
    background-color: rgba(255, 255, 255, 0.2) !important;
}






.feat-item .ult-timeline-arrow l {
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon {
    background-color: transparent !important;
}

    Also this might help with other css :

    https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Best.

     Salient Support Team