Timeline Template Style 3: styling question

  • Resolved dkrahl

    (@dkrahl)


    4 years, 2 months ago

    Hi,

    In the timeline view, the round “month-year” boxes and the square event details boxes have some kind of radial filter going on. How can I remove this effect with CSS?

    Thank you,

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Satinder Singh

    (@satindersingh)

    Use this custom css:-

    #event-timeline-wrapper .cool-event-timeline .ect-timeline-year {
    background: #a8e7ff !IMPORTANT;
}
#event-timeline-wrapper .cool-event-timeline .ect-timeline-post .timeline-meta {
    background: #e5f8ff !IMPORTANT;
}
    Thread Starter dkrahl

    (@dkrahl)

    Hey Satinder,

    Thank you, works great. This also overwrites the colors for the featured events in the timeline view. How can I apply the CSS to non-featured only?

    Also, in case anyone looks for the classes to style all elements in the timeline 3 view:

    #event-timeline-wrapper .cool-event-timeline .ect-timeline-year {
    background: # !IMPORTANT;
}

#event-timeline-wrapper .cool-event-timeline:before {
    background-color: # !IMPORTANT;
}

#event-timeline-wrapper .ect-timeline-year {
    -webkit-box-shadow: 0 0 0 4px white, 0 0 0 8px #!IMPORTANT;
    box-shadow: 0 0 0 4px white, 0 0 0 8px # !IMPORTANT;
}

#event-timeline-wrapper .cool-event-timeline .ect-timeline-post .timeline-meta {
    background: # !IMPORTANT;
}

#event-timeline-wrapper .cool-event-timeline .ect-timeline-post .content-title {
    background: # !IMPORTANT;
}

#event-timeline-wrapper .ect-timeline-post.ect-featured-event.style-3 .timeline-content:before {
    border-right-color: # !IMPORTANT;
}
    • This reply was modified 4 years, 2 months ago by dkrahl.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Timeline Template Style 3: styling question’ is closed to new replies.