Amazing Plugin (Need help with changing the color)

  • Resolved stellav

    (@stellav)


    7 years ago

    I simply love this plugin

    It was exactly what i was looking for.

    Now just a minor thing . Is it possible to change the color of the timeline. Im new to web design so not sure if you can do this through additional CSS.
    Any help would be greatly appreciated.

    Keep up the amazing development work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • ktbrothers

    (@ktbrothers)

    @stellav thanks for your great loving to our plugin.

    This is a simple task, you just need to change the CSS.
    For Example:

    .cd-timeline-navigation a.prev.inactive, .cd-timeline-navigation a.next.inactive {background: #e0da8e none repeat scroll 0 0 !important; border: 2px solid #e0da8e !important;}
.cd-timeline-navigation a.next, .cd-timeline-navigation a.prev {background: #d4c72c none repeat scroll 0 0 !important; border: 2px solid #d4c72c !important;}
.cd-horizontal-timeline .events a.older-event::after {border-color: #d4c72c;}
.cd-horizontal-timeline .filling-line{background-color: #d4c72c;}
.cd-horizontal-timeline .events a.selected::after {background-color: #d4812c; border-color: #d4c72c;}
    Thread Starter stellav

    (@stellav)

    thank you

    Plugin Author sehgal.sunny

    (@sehgalsunny)

    Hi @stellav,

    Update below code to your CSS file or WordPress back-end. Note – Please keep parent class to apply the css if possible.

    section.cd-horizontal-timeline .cd-timeline-navigation a.next, section.cd-horizontal-timeline .cd-timeline-navigation a.prev {background: #d4c72c none repeat scroll 0 0 !important; border: 2px solid #d4c72c !important;}
section.cd-horizontal-timeline .events a.older-event::after {border-color: #d4c72c;}
section.cd-horizontal-timeline .filling-line{background-color: #d4c72c;}
section.cd-horizontal-timeline .events a.selected::after {background-color: #d4812c; border-color: #d4c72c;}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Amazing Plugin (Need help with changing the color)’ is closed to new replies.