When this plugin is used over an https connection, there is a protocol error, due to lines 266 and 277 on wp_jquery_timelinr.php.
Can be fixed by flipping “https://” to “//”.
I will try to submit a pull request.
]]>Don’t work
And don’t have any support.
]]>This plugin interferes with the text editing tools in WP version 4.5 and above, making it hard to make posts and pages.
I can’t make hyperlinks. The hyperlink box appears at the very bottom of the page.
The visual editor and text editor alternately won’t appear.
]]>Plugin is not working at first so i need to dig in to the code
Edit line 65 of template.php in /includes/
<?php
while ($timelinr_query->have_posts()) : $timelinr_query->the_post();
$timelineDate = get_post_meta($post->ID, 'timelineDate', 'true');
//i decided to use substr since i only need the Year, you can configure this on your likings just check the php time format
//the get_date_format() is not working in latest version of wp so we're changing it to get_the_date()
//$date = $this->get_date_format($timelineDate, $atts['dateformat']);
$date = substr(get_the_date($timelineDate, $atts['Y']), 0, 4);
echo '<li><a href="#">'.$date.'</a></li>';
endwhile;?>Also you need to supply the shortcode coz the default settings is not working well.
[timelinr arrowKeys="true" category="Milestone" orientation="horizontal"]
Man this looked so promising for my project. No updates for 2 years. So sad. Looked like a great plugin.
]]>No copy the code from TimeLinr to Page
After writing the ShortCode.
I would love to know when you solve the problem.
Hi,
I do not want to use the system in background images for next and Prev events. I’m working with the css file but I can not display icons instead of the background-image.
Any help, thanks.
]]>How do I change the text colour of the title and years?
]]>Hi.
I use the WP JQuery Timelinr to show a history of a company.
It looks good an computer screen, but when I open it on a mobile phone such as IPhone then it looks horrible. The arrows are overlapping to the text. The texts are also not responsive, or the content where the texts ar in is not responsive, so I dont see the hole text. Not even the “next arrow” is visible.
So what do I wrong. or how can I solve it.
]]>I have read through all the forums and the plug-in website and tried everything I could think of to get this plug-in to work but when I preview the page nothing appears but a few blank lines. I recreated my timeline and re did the timelinr process several times and went through and deactivated each plug-in to make sure there were no conflicts. I am using the Destro theme from Theme Alley- do you think the plug in is conflicting with my theme?
I would really love to use this plug-in… can anyone help!?
]]>I’m setting up the plugin but when I click, I can’t proceed through the timeline. I noticed that on your website, it isn’t working either. Any chance the plugin will be updated, if need be?
]]>I’m setting up the plugin but when I click, I can’t proceed through the timeline. I noticed that on your website, it isn’t working either. Any chance the plugin will be updated, if need be?
]]>I saw on the plugin page that date ranges are supported.
Does this mean the range would appear in the timeline itself? That’s what I want.
How do I code that?
]]>Is it possible to link to a page with a timeline so that a specific date is selected (like an anchor link)?
I have a “click here to go back to timeline page” sort of thing. I have 25 events and it always goes back to the first one. Not so user friendly.
]]>hi there, may I know what is the best resolution to upload on featured image? The images I uploaded seems to be distorted. Thank you.
]]>For a Timelinr entry I draw the text from $post->post_content. But then all the paragraphs ‘p’ are stripped out. Though it accepts other HTML tags like ‘strong’. Tried to find a relevant strip_tags in the code, but to no avail. I still want to include the paragraphs. Any ideas?
]]>Hi
I love this plugin but is there any way of changing from the date to text or time in life?
e.g pregnancy timeline
9 months
8 months
7 months
6 months
5 months
4 months
3 months
2 months
etc
This isn’t what id like to use but you get the idea?
]]>Hi there, does anyone know how to make the selected date always be in the center of the content shown below? Especially for mobile view it makes it better visible.. Another question is how to make the height of the content automatic. I’m not able to manage that so some text will just disappear..
– I use the latest WordPress and Timelinr.
Thanks!
Here is my style.css
.timeline {
width: 800px;
height: 400px;
overflow: hidden;
margin: 0 auto;
position: relative;
background: url('../images/dot.gif') left 45px repeat-x;
}
.timeline .dates {
margin-bottom: 20px !important;
overflow: hidden;
}
.timeline .dates li {
list-style: none !important;
float: left;
width: 130px;
height: 50px;
font-size: 24px;
text-align: center;
background: url('../images/biggerdot.png') center bottom no-repeat;
}
.timeline .dates a {
line-height: 34px;
padding-bottom: 10px;
font-size: 16px;
text-decoration: none !important;
}
.timeline .dates .selected {
font-size: 34px;
}
.timeline .issues {
height: 350px;
/*overflow: hidden;*/
margin: 0;
}
.timeline .issues li {
width: 800px !important;
height: 400px;
list-style: none !important;
float: left;
margin: 0;
}
.timeline .issues li.selected img {
-webkit-transform: scale(1.0,1.0);
-moz-transform: scale(1.0,1.0);
-o-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform: scale(1.0,1.0);
}
.timeline .issues li img {
float: auto;
margin: 10px 30px 10px 50px;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
zoom: 1;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform: scale(0.6,0.6);
-moz-transform: scale(0.6,0.6);
-o-transform: scale(0.6,0.6);
-ms-transform: scale(0.6,0.6);
transform: scale(0.6,0.6);
width: 220px;
}
.timeline .issues li span, .timeline .issues li a {
color: #757575;
font-size: 16px;
margin: 20px 0 0 30px;
text-shadow: #898989 1px 1px 2px;
}
.timeline .issues li p {
font-size: 14px;
font-weight: normal;
line-height: 22px;
margin: 0 30px 0 30px;
text-align: justify;
/*text-shadow: #898989 1px 1px 2px;*/
}
.timeline #grad_left,
.timeline #grad_right {
width: 100px;
height: 400px;
position: absolute;
top: 0;
}
.timeline #grad_left {
left: 0;
background: url('../images/grad_left.png') repeat-y;
}
.timeline #grad_right {
right: 0;
background: url('../images/grad_right.png') repeat-y;
}
.timeline .next,
.timeline .prev {
position: absolute;
top: 0;
font-size: 70px;
top: 170px;
width: 22px;
height: 38px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.timeline .next:hover,
.timeline .prev:hover {
background-position: 0 -76px;
}
.timeline .next {
right: 0;
background-image: url('../images/next.png');
}
.timeline .prev {
left: 0;
background-image: url('../images/prev.png');
}
.timeline .next.disabled,
.timeline .prev.disabled {
opacity: 0.2;
}
/*
#Tablet (Portrait)
==================================================
*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
.timeline {width: 700px;}
.timeline .dates {margin-left: 0px !important;}
.timeline .dates li {font-size:20px;}
.timeline .issues li {width: 700px;}
.timeline .issues li span {font-size:34px;}
.timeline .issues li p {margin: 0 220px 0 0; font-size:11px;}
.timeline .issues li img {width: 150px !important;}
}
/*
#Mobile (Landscape)
==================================================
*/
@media (min-width: 480px) and (max-width: 767px) {
.timeline {width: 600px !important;}
.timeline .dates {margin-left: 100px !important;}
.timeline .dates li {font-size:20px;}
.timeline .issues li {width: 600px;}
.timeline .issues li span {font-size:34px;}
.timeline .issues li p {margin: 0 250px 0 0; font-size:11px;}
.timeline .issues li img {width: 150px !important;}
}
/*
#Mobile (Portrait)
==================================================
*/
@media (max-width: 360px) {
.timeline {width: 100%;}
.timeline .dates {margin: 10px;}
.timeline .dates .selected {font-size:18px;font-weight:bold;}
.timeline .dates li {font-size:14px;width:120px;}
.timeline .issues li {width: 246px !important;margin-left:5px;}
.timeline .issues li span {font-size:12px;margin-left:15px;}
.timeline .issues li p {margin:0 15px 0; font-size:12px;}
.timeline .issues li img {width: 50px !important;margin:5px 0px 5px 5px;}
.timeline .next {margin-right:0px;}
.timeline .left {margin-left:0px;}
}Hello,
I’m using your plugin, which is very well developped, for my wordpress. The only inconvenient is that it conflicts with the JavaScript of another plugin, “Events Manager”. When you’re creating a new event with it, you can enter the first letters of the event’s location name to retrieve the list of the locations you’ve already used and in which the letters you’ve already written appear. The problem is that this JavaScript process doesn’t work when WP JQuery Timelinr is activated.
How could I change that ?
Thank you very much,
Pierre S
Hey there, great plugin, great job !
my blog is about Ancient History, so I want to put some Before Christ events. The problem is : I can only put some dates after 1013 AD, and if I want to specify -6000 or even 588, the plugin puts the current date.
Is there a way to solve it in the code ?
Best regards !
]]>I want to embed a video clip instead of using an image. When I do so the formatting for the text is not the same. Instead of it being to the right of the clip, it is down near the bottom and underneath. How do I fix this?
thanks,
Mark
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>Uncaught TypeError: Object [object Object] has no method ‘timelinr’ is the error message I get in chrome console
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>Hello,
The plugin is GREAT except for one issue. The leading margin at the top is being calculated as:
element.style {
height: 1500px;
margin-top: 500px;
}
I looked at the example on your site and your margin-top is 50px. I looked at the math for calculating the margin-top and tried fiddling with that a bit. I tried looking at the CSS on your site for the sample vertical setup and did not see a lot of difference in your CSS and mine. How did you force it to compress the margin-top to something reasonable. You can look at my issue here:
https://dev.tallahasseeleonshelter.com/about/history/
THANKS IN ADVANCE!
Meissa
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>English
Hello
I have installed this plugin and I would be interested if I can make a change.
The post I have divided into the categories: life, work, professional, friendships
want on the timeline for years without categories, by clikink in each year, leave a relationship of all post are of the category to be.
Now go repeating the year for each post there. +
I hope you can help me, thanks
————————
Spanish
Hola
Tengo instalo este plugin y me interesaría si puedo hacerle una modificación.
Los post los tengo divididos en categorias: vida,obra,profesional,amistades
quisiera que en la cronología por a?os y sin categorias, al clickar en cada a?o, salieran una relacion de todos los post sean de la categoria que fueran.
Ahora salen repitiendo el a?o por cada post que haya.+
Espero me pueda ayudar, gracias
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>I’m trying to add the day to the date field within Timelinr as the non WP version supports.
I have managed to update some of the code, but am having real problems with the date picker. It always seems to return NaN
I know this is way outside normal support, but can you help?
Many thanks
Pete
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>After sorting out my Categories issue, I have managed to set up a test but still cannot get Timelinr to work.
You can see the output at https://hhhconsulting.co.uk/dev/creakeabbey/?page_id=17 the bottom right-hand block before the footer
Many thanks
Pete
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>Hi,
the plugin loads css in admin front end and breaks up the framework i am using for my theme.
I am using Pagelines Framework.
This also generates usually conflict with other plugins / themes.
Can the plugin loa it?s specific css only on its pages, in front end and user on public website?
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>Working in WordPress 3.5.1
Type is faded, doesn’t scroll. jQuery is working – arrow and some of the ghosted type fades. Works a little better with horizontal format but still non-functional.
Was working when I had 4-5 events (although the main text was pushed to the top of the div), it was after adding more events that it completely stopped working.
The page is at https://ec2-54-235-114-98.compute-1.amazonaws.com/wordpress/about-us/our-history/
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>Until recently, the plugin was working perfectly.
But now, I see all the dates (years) on two lines, and the first entry below, but it’s no more dynamic, and nothing happens when I click on the dates. What is the problem?
The code is :
[timelinr orientation=”horizontal” arrowkeys=”false” autoplay=”false” category=”wolf” order=”asc” dateformat=”yy”]
and the page using it is :
https://www.swantiez.org/wolf/fr/encyclopedia/
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>The titles of items on the timeline are aligned with the dot as long as you use a Featured Image in the Timelnr post. If no Feature image is used, the title of the post becomes left aligned and no longer corresponds to the dot on the timeline. Can I make the title not align to the left when I don’t use an image?
https://www.ads-software.com/extend/plugins/wp-jquery-timelinr/
]]>