Timeline Font Size

Hashizume · March 2015

Hi,

I would like to know if:

1. How can I increase the font size of the date for the timeline feature? > maybe make it H1/2 standard

2. How can I remove the boxes with the stripes from the opposite side of the timeline?

Ref Page: http://l1to1.com/whyitworks/

Thanks for the help!

Albert · March 2015

Hey,

1. To increase font size for timeline item, please use below css:

.date_label, .timeline_items li h3 span { font-size: 30px; }

2. To remove those stripes, please use below css:

.timeline_items li .desc::before { background-image: none; }

Thanks!

Hashizume · March 2015

As always: Thank you!

Albert · April 2015

No problem

davidfgiroux · July 2015

Jumping in here... I would like to leave the stripes, but change the color. Suggestions?

Albert · July 2015

Leave the stripes but change color for which element? What is also url to your site where you got it?

davidfgiroux · July 2015

http://lilysfund.org.s25628.gridserver.com/about/history-of-lilys-fund/

This is still a work in progress, but I really like the time line element. The contrast between the stripes, the dates, and the background just isn't enough. So how can I adjust the color and the font size so that those parts of the timeline become more visible against the white background? Thank you!

davidfgiroux · July 2015

Oh, now I see the code above for adjusting the font size, but I still need to be able to change the color of both the dates and the striped backgrounds.

Albert · July 2015

Ok. So to change dates and striped background, please use below css:

.timeline_items li h3 span { color: #000 !important; }
.timeline_items li .desc::before { background-image: url('path-to-striped-background') !important; }

davidfgiroux · July 2015

re this line...

.timeline_items li .desc::before { background-image: url('path-to-striped-background') !important; }

Where do I find the .png file that makes the stripes?

Albert · July 2015

We do not understand what for you want to find that file but it's http://lilysfund.org.s25628.gridserver.com/wp-content/themes/betheme/images/stripes/stripes_10_b.png

sondrmedia · August 2018

Hey jumping in here! I tried to add this code, but it hasn't processed. http://www.12345staging.com/programs/toddler/ for reference!

.date_label, .timeline_items li h3 span { font-size: 30px; }

Pablo · August 2018

Hi,

You can modify it with this CSS

.style-simple .timeline_items > li h3 span{
	font-size:30px !important;
}

Thanks

Knickfinger · October 2018

Hello,

how can I change the the Fontsize of my Headlines right from the timeline?

Have this Headlines a special name? Because of all my different changes under FONTS in the theme doesn't work.

I already have reached, that my headlines in an open Post are H4. The Headlines in my timeline shall have H3, max. H2.

Can somebody help me?

Thanks

Pablo · October 2018

Knickfinger,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Knickfinger · October 2018

Hello Pablo,

thanks for your fast anwser. Its my first time to ask something in such a forum. My site must be offline at that time, because essential things are missing actual to go online. But I can show you a screenshot. There you can see what I mean.

The posts are migrated from another blog. ;-)

Thank you.

Pablo · October 2018

All sizes of headings can be changed in Theme Options > Fonts > Size & Style
If this won't help you, I need to take a look at your page.

Cheers

Knickfinger · October 2018

Hello again,

in the meantime I could solve my problem by myself.

Thank you

Timeline Font Size

Comments