Forum Replies Created
-
AuthorPosts
-
Anyone have any thoughts on this?
Topic can be closed. Thank you for your help.
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/
The client didn’t like it, so I’m back to trying to get the original code to work. Any ideas?
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/
The above code does not work.
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));
It’s ok. I added:
.html_header_top.html_header_sticky #header { position: fixed !important; }
The sizing is perfect, but the header doesn’t stick to the top of the page on mobile.
- This reply was modified 6 years, 3 months ago by sparkzilla.
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?
- This reply was modified 6 years, 3 months ago by sparkzilla.
August 20, 2018 at 4:44 pm in reply to: Differences when resizing color background video and slider videos #999484The 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/
August 20, 2018 at 3:11 pm in reply to: Differences when resizing color background video and slider videos #999407Hi 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/
This reply has been marked as private.October 13, 2017 at 12:39 pm in reply to: Enfold YouTube embed code breaks Facebook Instant Articles #863895That worked. Thank you!
October 12, 2017 at 12:47 pm in reply to: Enfold YouTube embed code breaks Facebook Instant Articles #863382Hi Ishmael,
That’s the kind of thing I’m looking for, but it doesn’t seem to work. Check line 229:
October 9, 2017 at 5:26 pm in reply to: Enfold YouTube embed code breaks Facebook Instant Articles #862003Hi 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.
October 6, 2017 at 9:14 pm in reply to: Enfold YouTube embed code breaks Facebook Instant Articles #861186You 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?
October 5, 2017 at 11:03 pm in reply to: Enfold YouTube embed code breaks Facebook Instant Articles #860770Any 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 :-(
February 13, 2017 at 7:09 pm in reply to: Conflict with Connections business directory plugin #746569Hi, thank you for replying. My client decided to use another business directory plugin to solve the issue.
February 9, 2017 at 5:20 pm in reply to: Conflict with Connections business directory plugin #744898Hi, could I get an answer on this, thanks.
I fixed it using a grid.
Enclosed
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/
It’s ok it’s fixed now. It turns out I have to reset my wi-fi adapter to fix the problem.
Can I get an answer? My client is waiting for the site to be delivered.
No wordfence, and running latest version of WP
-
AuthorPosts