http://www.kriesi.at/support/tags/html5 Support Forum - Tag: HTML5 - Recent Posts en-US Thu, 23 May 2013 17:49:53 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-102397 Thu, 21 Mar 2013 11:22:53 +0000 Blackthorns 102397@http://www.kriesi.at/support/ <p>Hi, thx !<br /> I changed my css like that :</p> <p>.safari #ProductWrapper ul.products-rub li#menu-item-3568:hover,<br /> .safari #ProductWrapper ul.products-rub li#menu-item-3514:hover {-webkit-animation: cremeTranslateX 5s infinite ease-out !important;}</p> <p>and it finally worked ! I think there was a bug with the cubic-bezier property...</p> <p>Regards </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-102229 Wed, 20 Mar 2013 12:13:41 +0000 Devin 102229@http://www.kriesi.at/support/ <p>For the Safari only CSS3 issue, my guess would be the webkit-transition is incorrect for safari specifically. I'm not completely sure but you could try adding in the delay in case safari has a bug with it just set at the default initial or separating them out. Or try setting the starting opacity to 1. I'm not aware specifically of a bug dealing with that either way but with cross browser issues who knows.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-101896 Mon, 18 Mar 2013 17:41:47 +0000 Blackthorns 101896@http://www.kriesi.at/support/ <p>Hi so here's my website : <a href="http://massenez.com/" rel="nofollow">http://massenez.com/</a> and when I was talking about full background videos it was for the cocktails pages such as : <a href="http://massenez.com/en/her-cocktails/miss-massenez-cocktail/" rel="nofollow">http://massenez.com/en/her-cocktails/miss-massenez-cocktail/</a>.</p> <p>I found how to autoplay the videos by appending them with javascript and not in post pages. This way, the videos always work.<br /> Just on Safari, we can just see the poster pic, not the autoplay video loop... Why ?</p> <p>Also, when I hover "Our products"&gt;"Gammes Eaux-de-Vie Massenez" or "Gamme Crème et Liqueurs Massenez" on Safari, the CSS3 animation doesn't work... Would you know why ?</p> <p>Thx </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98865 Thu, 28 Feb 2013 13:32:45 +0000 Devin 98865@http://www.kriesi.at/support/ <p>Just post a link once it is live and we'll take a look then :) </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98831 Thu, 28 Feb 2013 09:44:52 +0000 Blackthorns 98831@http://www.kriesi.at/support/ <p>Hi, the site will be online tomorrow so we could debug that together at this time !<br /> Thank you very much for your quick feedbacks ;) </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98708 Wed, 27 Feb 2013 16:24:20 +0000 Nick 98708@http://www.kriesi.at/support/ <p>Hi,</p> <p>This maintenance mode plugin ( <a href="http://wordpress.org/extend/plugins/wp-maintenance-mode/" rel="nofollow">http://wordpress.org/extend/plugins/wp-maintenance-mode/</a> ) has exceptions for those with login/pw , please set it up in order for us to help.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98587 Tue, 26 Feb 2013 20:32:58 +0000 Devin 98587@http://www.kriesi.at/support/ <p>Hi Blackthorns,</p> <p>Without viewing the page live I'm not sure any of us can give any kind of guess on what might be happening.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98513 Tue, 26 Feb 2013 10:58:07 +0000 Blackthorns 98513@http://www.kriesi.at/support/ <p>A classic page with only a "post/page content" tab in its Template Builder.<br /> I can't give you the URL because the site is in maintenance mode...<br /> Here is a part of the code in HTML mode written on the page :</p> <p>&lt;div id="video-loop-wrapper"&gt;<br /> &lt;div id="video-loop"&gt;<br /> &lt;video id="bg_video" width="800" height="450" class="video-js" loop="loop" preload="metadata" autoplay="autoplay" poster="My_poster_URL"&gt;<br /> &lt;source src="My_mp4_URL" type="video/mp4" /&gt;<br /> &lt;source src="My_webm_URL" type="video/webm" /&gt;<br /> &lt;source src="My_ogv_URL" type="video/ogg" /&gt;<br /> &lt;/video&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;</p> <p>Do you think the problem comes from a Myme type issue ? </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98406 Mon, 25 Feb 2013 19:43:16 +0000 Nick 98406@http://www.kriesi.at/support/ <p>Hi,</p> <p>Which page ?</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98350 Mon, 25 Feb 2013 09:09:01 +0000 Blackthorns 98350@http://www.kriesi.at/support/ <p>OK, thank you very much for your answer, will try this plugin and see !</p> <p>I had a last question :</p> <p>I use in one of my page the dragdealer.js to make a nice touch slideshow and, in one of my screen I've got a video (included with a HTML5 video tag) as a background that plays on load. This thing is, when I refresh the browser, there's just a black screen, the video is not loading like the first time I saw the page... It's a little weird. I use video-js lib as well. Any idea ?</p> <p>Have a great day. </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98047 Fri, 22 Feb 2013 14:27:50 +0000 Dude 98047@http://www.kriesi.at/support/ <p>Hi,<br /> no, this is not easily possible. The ajax function is just used for the portfolio (eg: <a href="http://www.kriesi.at/themes/choices/template-files/portfolio-2-columns/" rel="nofollow">http://www.kriesi.at/themes/choices/template-files/portfolio-2-columns/</a> and click on a portfolio item/entry to see the effect) but you can't use it to "ajaxify" the entire theme (or tbh you can but it won't save you time/work). You can try a plugin like: <a href="http://wordpress.org/extend/plugins/tierra-audio-with-autoresume/" rel="nofollow">http://wordpress.org/extend/plugins/tierra-audio-with-autoresume/</a> which allows you to resume the music. </p> http://www.kriesi.at/support/topic/ajax-call-on-a-specific-element#post-98012 Fri, 22 Feb 2013 10:23:33 +0000 Blackthorns 98012@http://www.kriesi.at/support/ <p>Hi,<br /> firstly thank you for that great template !</p> <p>I wondered if there were a way to call a music (mp3, ogg...) via ajax on your theme ?<br /> I saw there is some ajax codes in your template so maybe I could use that to play a track in continuous flow when switching on other pages of my website ?</p> <p>Thanks ! </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86713 Thu, 06 Dec 2012 05:51:52 +0000 Ismael 86713@http://www.kriesi.at/support/ <p>Hey,</p> <p>Good thing it works.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86665 Wed, 05 Dec 2012 20:24:17 +0000 jobsource1 86665@http://www.kriesi.at/support/ <p>I tested them all, and just so you know, the last one you've mentioned, Xmas Snow, is the only one that works.</p> <p>Thanks for your help. </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86492 Tue, 04 Dec 2012 18:46:17 +0000 Dude 86492@http://www.kriesi.at/support/ <p>Yes, basically it should work if there're no js errors/conflicts. You can try plugins like: <a href="http://wordpress.org/extend/plugins/snow-storm" rel="nofollow">http://wordpress.org/extend/plugins/snow-storm</a> , <a href="http://wordpress.org/extend/plugins/ptis-cool-snow/" rel="nofollow">http://wordpress.org/extend/plugins/ptis-cool-snow/</a> , <a href="http://premiumcoding.com/wordpress-falling-snow-plugin/" rel="nofollow">http://premiumcoding.com/wordpress-falling-snow-plugin/</a> , <a href="http://wordpress.org/extend/plugins/nksnow/" rel="nofollow">http://wordpress.org/extend/plugins/nksnow/</a> , <a href="http://wordpress.org/extend/plugins/xmas-snow/" rel="nofollow">http://wordpress.org/extend/plugins/xmas-snow/</a> </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86325 Mon, 03 Dec 2012 17:03:22 +0000 jobsource1 86325@http://www.kriesi.at/support/ <p>Hi,</p> <p>Thanks for your response. There is no file in place because having tried to implement that html5 falling snow effect without success I removed said file, because it was applying a plain white canvas layer over the entire site, making it inaccessible. </p> <p>Is there a way to make the first code snippet, at <a href="http://www.schillmania.com/projects/snowstorm/" rel="nofollow">http://www.schillmania.com/projects/snowstorm/</a> work? I placed the relevant code in the <code>&lt;head&gt;&lt;/head&gt;</code> tag and uploaded the .js file, but there was no visible difference on the site.</p> <p>Thanks again. </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86312 Mon, 03 Dec 2012 16:09:36 +0000 Dude 86312@http://www.kriesi.at/support/ <p>Hi! </p> <p> It seems like the path to your script isn't correct: Failed to load resource: the server responded with a status of 404 (Not found) <a href="http://www.jobsource.ie/js/html5snow.js" rel="nofollow">http://www.jobsource.ie/js/html5snow.js</a> </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/falling-snow-effect#post-86289 Mon, 03 Dec 2012 11:32:45 +0000 jobsource1 86289@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm decorating jobsource.ie for Christmas and in previous years I've used a falling snow effect available here:</p> <p><a href="http://www.schillmania.com/projects/snowstorm/" rel="nofollow">http://www.schillmania.com/projects/snowstorm/</a></p> <p>Unfortunately, for whatever reason, it seems it wont work with the Flagship theme. I was wondering if there is a way to make the javascript work within the flagship framework, or if a different snippet or plugin known to you that is compatible. I also unsuccessfully attempted to use a html5 snippet, available here:</p> <p><a href="http://www.codebase.es/test/snow.php" rel="nofollow">http://www.codebase.es/test/snow.php</a></p> <p>Any help would be greatly appreciated. </p> <p>Thanks to your entire team for their help throughout the year and Happy Holidays. </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80267 Thu, 18 Oct 2012 16:21:51 +0000 vansoft1080 80267@http://www.kriesi.at/support/ <p>Works great!! Thank you very much :) </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80150 Wed, 17 Oct 2012 22:40:18 +0000 Devin 80150@http://www.kriesi.at/support/ <p>Hey vansoft1080,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>#top .search-result-counter { color: #f8f8f8; }</code></pre> <p>Adjust the color code as needed :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80102 Wed, 17 Oct 2012 16:46:50 +0000 vansoft1080 80102@http://www.kriesi.at/support/ <p>Hi,</p> <p>When you search any item the result is something like this:</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "1")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "2")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>-------------------------------------------------------------------------------------------------------------------------------------------------<br /> TITLE TEXT<br /> ICON - DATE (THE BIG NUMBER "3")<br /> TEXT<br /> -------------------------------------------------------------------------------------------------------------------------------------------------</p> <p>and so on...</p> <p>The "big number" is almost grey and I can not see it properly. I would like to change the color of the number to a darker one but not sure about where to do that.</p> <p>I hope I have explained myself properly. </p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-80049 Wed, 17 Oct 2012 11:12:53 +0000 Devin 80049@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>Unfortunately not that we can offer via support. The sticky footer is a tricky effect but would need to be custom added to make sure it didn't cause any other issues with the theme.</p> <p>You could try doing something with min-height and a media query for the various sizes but it will be a lot of trial and error to get exactly what you are looking for. So try:<br /> <code>#top.home #main {min-height: 450px;}</code></p> <p>Then you can customize it for the various screen sizes with media queries like this:<br /> <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #top.home #main {min-height: 450px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #top.home #main {min-height: 450px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #top.home #main {min-height: 450px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #top.home #main {min-height: 450px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #top.home #main {min-height: 450px;} }</code></pre> <p>You can add that big block of css to your custom.css file via FTP. Its located in the css folder of your theme files. Then change the 450px value for each of the screen sizes as you want or need. You can also remove it entirely if needed.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-80012 Wed, 17 Oct 2012 07:57:05 +0000 Dude 80012@http://www.kriesi.at/support/ <p>Hey! </p> <p> Can you elaborate please? I checked the search result page: <a href="http://www.kriesi.at/themes/propulsion/?s=test" rel="nofollow">http://www.kriesi.at/themes/propulsion/?s=test</a> and I can't see a big number in the search field on the right side... </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/change-the-color-number-in-the-search-result-field#post-79939 Tue, 16 Oct 2012 09:03:02 +0000 vansoft1080 79939@http://www.kriesi.at/support/ <p>Hi everyone,</p> <p>I would like to change the color of the number that appears on the right in the search field when you make a search (the big number). The color that appears in the result is too bright and I would like to change it for a darker one.<br /> Does anyone know where to change it to make it darker or any color I choose?</p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-79938 Tue, 16 Oct 2012 08:57:21 +0000 vansoft1080 79938@http://www.kriesi.at/support/ <p>Hi,</p> <p>Sorry for the delay. I have already tested to code above and I know what you mean. I think that adding elements will solve the problem but I need to get the footer fixed to button of the page, since I don't want to add more elements.<br /> I was wondering if there is any code to enlarge the content view instead of the footer. I gues that with this, the fotter will remain in the button and a blank space will appear.<br /> Any suggestion for doing this?</p> <p>best regards, </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77202 Tue, 25 Sep 2012 06:13:56 +0000 Ismael 77202@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>I checked your site and the reason you see the footer to be so big, is because the html background color is the same color as the footer (that's why the footer looks extended). Try to add this code in your Quick CSS or custom.css:<br /> <pre><code>html { background: black !important; }</code></pre> <p>and you'll see what I mean. Just remove this code after you've seen the actual height of your footer.</p> <p>I think the solution for this is add more elements, so the height will be expanded.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77120 Mon, 24 Sep 2012 13:44:30 +0000 vansoft1080 77120@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>The web site is still in beta phase, It's a project I'm working on it and therefore there is not so much content on it ^^. </p> <p><a href="http://www.andruinnova.es/" rel="nofollow">http://www.andruinnova.es/</a></p> <p>I hope you can help me.</p> <p>Best regards </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-77086 Mon, 24 Sep 2012 09:40:10 +0000 Ismael 77086@http://www.kriesi.at/support/ <p>Hi vansoft1080,</p> <p>Kindly post a link to your site, so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-76768 Fri, 21 Sep 2012 08:40:30 +0000 vansoft1080 76768@http://www.kriesi.at/support/ <p>Any help please? I would really appreciate it, I'm stuck ^^ </p> http://www.kriesi.at/support/topic/how-to-stop-the-resposive-resize-height-from-the-footer#post-76609 Wed, 19 Sep 2012 18:41:16 +0000 vansoft1080 76609@http://www.kriesi.at/support/ <p>Hi guys,</p> <p>I'm trying to solve a certain issue with the sizeof the footer on this template. I would like to give a fixed size (height) to the footer without taking into account that this is a HTML5 resposive theme. I have tested the them on a tablet and the footer is huge! almost half of the screen.<br /> Do you know how to solve this? I guess that it's somewhere on the CSS but I'm not able to locate that line.</p> <p>Best regards and thank you all in advance </p>