Forum Replies Created
-
Posts
-
Actually, I got the code working by changing all the $ to jQuery.
<script type="text/javascript"> (function() { var jQuerywin = jQuery(window); var jQuerybot = jQuery('.logo'); var shown = false; function checkScroll() { if (jQuerywin.scrollTop() > 445) { if (!shown) { shown = true; jQuerybot.stop().fadeIn(2000); } } else { if (shown) { shown = false; jQuerybot.stop().fadeOut(2000); } } } jQuerywin.scroll(checkScroll); })(); </script> <style> .logo { display: none; position: fixed; z-index: 9999; } </style>You can see it working at http://www.kolokube.co.uk/
It’s an interesting solution, thank you. I have changed the page so you can see it in action. I don’t think the client will accept it though. But, if they did, would it be possible to make the header appear when it gets to the bottom of the slider?
Link should work now: http://www.kolokube.co.uk/
Hi, I have tried both the code combinations on the original page and neither work. I have placed the file in a child theme, using the same directory structure. Her’s the entire code of the testimonials.js page. You can see the output at: https://newsblocks.io/news-is-data/
(function($) { "use strict"; // ------------------------------------------------------------------------------------------- // testimonial shortcode javascript // ------------------------------------------------------------------------------------------- $.fn.randomize = function(childElem) { return this.each(function() { var $this = $(this); var elems = $this.children(childElem); elems.sort(function() { return (Math.round(Math.random())-0.5); }); $this.remove(childElem); for(var i=0; i < elems.length; i++) $this.append(elems[i]); }); } (jQuery); $.fn.avia_sc_testimonial = function(options) { return this.each(function() { jQuery(".avia-testimonial-row").randomize(".avia-testimonial"); var container = $(this), elements = container.find('.avia-testimonial'); //trigger displaying of thumbnails container.on('avia_start_animation', function() { elements.each(function(i) { var element = $(this); setTimeout(function(){ element.addClass('avia_start_animation') }, (i * 150)); }); }); }); } }(jQuery));That makes sense, although it would be interesting to see if it could be done just in CSS and not requiring an image. To apply this technique to the grid would I add the background image and a custom CSS ID that would call the :after pseudo element, which I would add to custom css?
The code works, but when I compare I don’t think the behaviour is the same as the color section. Perhaps a work around would be to increase the min height to 430px, but when I do that the slide has black bars on the top and bottom. Please advise.
I’m asking how to add vertical diagonals, similar to the About Us panel in this theme: http://fitness.wpmix.net/
Hi Victoria, I have tried to use the slider, but as explained above the resizing behaviour is not the same as when video is used on a color background. Please advise how to fix the resizing issue.
Hi Ricard,
For example, in this page: https://newsblocks.io/vertical-diagonal-grid-example/
Hi Ishmael,
That’s the kind of thing I’m looking for, but it doesn’t seem to work. Check line 229:
Hi Victoria,
Facebook’s Instant Articles work by presenting a stripped-down version of a web page to Facebook’s mobile users. This page appears “instantly’ when the link is clicked on Facebook’s newsfeed
In practice, articles are exported from WordPress into Instant Articles using an RSS feed. The RSS feed is parsed by the Instant Articles system and the article is constructed on Facebook. The RSS feed is very simple, and does not accept certain types of content.
The problem in this case is that Enfold adds extra tags around any video content (<div class=’avia-iframe-wrap’>VIDEO CONTENT </div>) which breaks the Instant Articles parser. If this tag is removed manually the parser can read the video; if not, then it generates an error.
As we are processing a lot of articles that have embedded video, we need to remove the opening and closing tags.
You can play YouTube videos on Instant Articles. I have done it many times. The issue is — as described above– that Enfold adds the <div class=’avia-iframe-wrap’> tag to any videos that are embedded in the edit window. This tag generates an error in Instant Articles. When I remove it manually the video plays fine.
So it’s not an FB error. Can you tell me how to remove the tag?
Any chance of a reply on this? It’s causing me a lot of trouble. I’d like to continue using Enfold for the client, but I’ll have to switch to another theme if it doesn’t get fixed :-(
Hi, thank you for replying. My client decided to use another business directory plugin to solve the issue.
Hi that’s getting there, but I’d like the caption to be around 50 pixels high and ease in from the bottom of the image, similar to the images here: http://www.dca-design.com/
Thank you for your help!
Hi, please chedk the two images at the bottom of this page: http://dci2.newslines.org/
