Support » Plugin: Events Shortcodes & Templates Addon For The Events Calendar » Timeline Template Style 3: styling question

  • Resolved dkrahl

    (@dkrahl)


    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 Contributor 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 9 months, 3 weeks 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.