Date Spacing and Text Colour

  • Resolved constancethecat

    (@constancethecat)


    6 years, 7 months ago

    Hello, I am trying to get a few things changed with your timeline so it shows our companies colours. I have changed the arrows to orange however I would like to change the light blue timeline bar and also the text heading. Could you please advise if this is listed somewhere in the code and I just can’t find it (I am just a beginner).
    I have also been reading the other support requests regarding timeline spacing between dates. I have seen that there is code I can put in to fix this, and you said to put it in footer.php, however I have looked for this and can not find it. Are you able to please explain this a little better as I am stuck!

    Thank you for your help!

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

Viewing 1 replies (of 1 total)
  • Plugin Author sehgal.sunny

    (@sehgalsunny)

    Hi @constancethecat,

    For Color please use below CSS:

    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;}

    For Timeline Spacing Use below code in your footer.js before </body> tag and if its not work so add this code at plugin history.js file:

    <script type=”application/javascript”>
jQuery(document).ready(function($){
var total_event = $(‘.cd-horizontal-timeline .timeline .events-wrapper .events ol li’).length;
for(var i=1; i<= total_event; i++){
$(‘.cd-horizontal-timeline .timeline .events-wrapper .events ol li:nth-child(‘+i+’) a’).css(‘left’,”+i*100+’px’);
}
});
</script>
    • This reply was modified 6 years, 7 months ago by sehgal.sunny.
    • This reply was modified 6 years, 7 months ago by sehgal.sunny.
Viewing 1 replies (of 1 total)
  • The topic ‘Date Spacing and Text Colour’ is closed to new replies.