Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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,092
    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!