Size of circles for the year

Hi,

You can easily adjust the size of circles around the Years by overriding the plugin styles.Please use below mentioned CSS selector in order to set the years styles.

.timeline dl dt {
position: relative;
top: 30px;
z-index: 200;
width: 100px;
height: 100px;
margin: 0 auto 20px;
font-weight: 400;
color: #fff;
text-align: center;
background-color: #414A54;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
font-family: ‘Open Sans’, sans-serif;
font-size: 24px;
text-shadow: 1px 1px 0 #222;
line-height: 98px;
box-shadow: 2px 2px 0 0 #222;
}

Thanks,
Narinder singh

Thank you for the great plugin! Would this code be placed in my child theme’s style.css? I placed it there and modified with no results.

@silvershine

try to add an !important to the line:

Example: height: 100px !important;

This should help ??

That worked. Thank you!

I’m just getting to grips with WP and this excellent plugin – thanks.

Since the CSS changes introduced in 1.1.8, the solution given here is presumably now out-of-date. If this assumption is correct, what changes need to be made to the solution?

Hi All,

We have updated our plugin HTML and CSS classes in version 1.1.8 or later.

Now you can easily set custom styles on years circle using below added css selector.

.cool-timeline.white-timeline .timeline-year{
property:value;
}

Please let me know if you need further assistance.

If you find our plugin and support helpful, please rate and review us,It helps us grow and improve our services.

Here’s the URL:- https://www.ads-software.com/support/plugin/cool-timeline/reviews/

Thanks in Advance!

Cool Timeline Team.