Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #967727
Change timeline color
Closed

Comments

  •  2
    michelimarco started the conversation

    Hi, as i said i would like to change the color of the timeline which is #00bcd4...is there an easy way to do this or i have to hard code in the css? 

  •  7,280
    Oliver replied

    HI!

    You can control all the colors of timeline on this page via css in the custom css field of the page.

    Or with next css:

    .blog-style-timeline .post-title a,
    .blog-style-timeline .entry-title.title-h4 a {
        color: #ffffff ;
    }
    .blog-style-timeline_new.blog-style-timeline article.left-position .wrap-style-right,
    .blog-style-timeline .wrap-style{ 
        fill: #2c2e3d; 
        stroke: #2c2e3d;}
    .blog-style-timeline .post-title a{ 
        color: #fff;
    }
    .blog-style-timeline .post-item .summary{ 
        color: #99a9b5;
    }
    .blog-style-timeline .post-footer-sharing .gem-button {
        background-color: #5f727f;
    }
    .blog-style-timeline .post-footer-sharing .gem-button:hover {
        background-color: #3c3950;
        
    }
    body .timeline_new-wrapper .timeline-new-line {
        background: #00bcd4;
        
    }
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right, 
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer{
        box-shadow: 0 0 0 3px #00bcd4; 
        background: #212331; 
        border-color: #2c2e3d;
    }
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right:hover,
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer:hover{ 
        background:#fff; 
        
    }
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title, 
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title-right{
        border-color:#00bcd4; 
        color:#46485c;
        background:#212331;
    }
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right > div .time, 
    body .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer > div .time{
        color: #00bcd4;
    }
    

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    michelimarco replied

    Thank you Gregor, you were very helpful!