Ah,
That is most likely because the element is missing from the style declerations that is generated. I will have a look into this issue, and will most likely push out an update tonigh that will resolve this issue.
Sorry about that, but thank you for bringing the issue to my attention!
Evan
Hi Abigail,
I did some testing with a fresh copy of the latest release. I can’t seem to replicate the issue. When I change the container background color from within the settings, all of the containers and the arrows appear to change for me.
Have you written some sort of custom CSS? Did you edit the core file and change the value?
Thanks,
Evan
hmm. i have added some custom css to style the timeline.
here’s what i’ve got:
/* timeline format */
.cd-timeline-item
{ margin-bottom: 60px !important;
}
.cd-timeline-item-title {
font-size: 16px;
font-weight: bold;
text-transform: capitalize !important;
font-family: “Lato” !important;
}
.cd-timeline-content {
width: 350px !important;
text-align: left !important;
margin-bottom: 70px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
margin-left: 0px !important;
margin-right: 0px !important;
border: solid #333 2px !important;
border-radius: 0px !important;
}
#cd-timeline .fa {
font-size: 10px !important;
margin-bottom: 10px !important;
}
.cd-timeline-title-container h2 {
float: left;
font-family: ‘Lato’ !important;
}
.timeline-date {
float: left !important;
color: #333 !important;
font-weight: bold !important;
font-family: ‘Nevis Bold’ !important;
text-transform: uppercase !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;}
.cd-timeline-img {
height: 15px !important;
width: 15px !important;
text-align: center !important;
margin-left: -7px !important;
margin-top: 25px !important;
border-radius: 50%;
box-shadow: 0 0 0 1px white, inset 0 1px 0 rgba(0, 0, 0, .08), 0 1px 0 1px rgba(0, 0, 0, .05) !important;
}
I’m not sure why your timeline is behaving so strangely. I would try hard coding in the style attributes. Try adding the following onto those list of styles :
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
border-right-color: #999999;
}
Thanks,
Evan
