Docs

[lyrical]

all was working fine yesterday – now the images aren’t staying on the cards and the revolutionary slider isn’t appearing underneath that section (just a black bar.)

http://jocelynhagen.com/newwebsite/home-alt-2

[Rupok]

Hi there,

Thanks for writing in! Upon checking your site; I can’t find the slider and card. WOuld you point us with exact URL and screenshot?

Cheers!

[lyrical]

the exact url is mentioned above

page screenshot: http://grab.by/RUNA

cornerstone screenshot: http://grab.by/RUNQ

thanks again for the help

[lyrical]

one more screen grab http://grab.by/RUPA

[Joao]

Hi There,

As Rupok I also don´t see the cards or the slider.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[lyrical]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for providing the details. I have investigated the issue and found several error. It turns out that you have inserted an invalid JS code in the customizer. Please have it updated and make use of this JS code instead:

window.fbAsyncInit = function() {
    FB.init({
      appId      : '1622759438041627',
      xfbml      : true,
      version    : 'v2.6'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));

You no longer need to add a script tags because the output is already wrapped with the <script> tags. And to resolve the cards issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-card-outer.center-vertically .x-face-inner:before {
    display: none;
}

Hope this helps. Please let us know how it goes.

[lyrical]

I removed and replace the custom JS code but the rev slider still doesn’t show up on the page using cornerstone. Rev slider does appear if I use the masthead setting on the page, so it’s something with Cornerstone. I put the slider in above the masthead just so you can see what I mean.

the cards issue still isn’t resolved either. I created a new page to test just these two elements and came up with the same result here: http://www.jocelynhagen.com/newwebsite/942-2/

[Rue Nel]

Hello There,

There seems to have an issue with the Slider Revolution. And the card issue is getting weird. When you activate the W3 Total Cache, the card issue will be gone. This could be a caching issue or some sort of. Though the slider issue is not displaying properly. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Please let us know how it goes.

[lyrical]

Hi – I just talked to the developer of one of the plugins that’s causing the conflict with Rev Slider. Since this is bundled into X, I mentioned that we don’t have access to support, but maybe it’s something that you all would like to be aware of. As follows:

You have a fatal error in your page

the fatal error is in this script

<script>var htmlDiv = document.getElementById(“rs-plugin-settings-inline-css”); var htmlDivCss=””;
if(htmlDiv) {
htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
}else{
var htmlDiv = document.createElement(“div”);
htmlDiv.innerHTML = ”
<style>” + htmlDivCss + “</style>
<p>”;
document.getElementsByTagName(“head”)[0].appendChild(htmlDiv.childNodes[0]);
}</p>
so can you please contact this rs-plugin plugin support ?

Thanks
Radu

[Rad]

Hi there,

It’s not because of the slider. Javascript error is sometimes misleading as it also displays the affected area and not the one affecting it.

I checked the source code and rev. slider source code has mixed of HTML content/markup and some stray elements. And that breaks your slider scripts. Example,

<ul></p><li
data-index="rs-5" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power1.easeInOut" data-easeout="Power1.easeInOut" data-masterspeed="500"  data-thumb="http://revolution.themepunch.com/wp-content/"  data-rotate="0"  data-saveperformance="off"  data-title="Youtube" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <br
/> <img
src="http://www.jocelynhagen.com/newwebsite/wp-content/plugins/revslider/admin/assets/images/transparent.png" style='background-color:#000000' alt="" title="test page"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina><br
/></p><p></p>

Why does </p> exist after <ul>, why is there some <br> and empty <p></p>, why these elements appear within the javascript block. There are many and your site’s markup is not well formatted.

I like to clear your transients but looks like your hosting provider has its own external caching in which we can’t control. Is there a way we can clear them? Another thing that I found out that it adds line breaks on every >. Example,

<body
class="page page-id-942 page-template page-template-template-blank-4 page-template-template-blank-4-php x-integrity x-integrity-light x-navbar-fixed-left-active x-full-width-layout-active x-content-sidebar-active x-post-meta-disabled x-v4_6_1 x-child-theme-active cornerstone-v1_3_0"><div
id="top" class="site"> <header
class="masthead masthead-inline" role="banner"><div
class="x-topbar"><div
class="x-topbar-inner x-container max width"><p
class="p-info"><a
href="http://www.jocelynhagen.com/newwebsite/contact/"><span
style="color:white">Contact</a> <span
style="color:pink">| </span><a
href="http://www.jocelynhagen.com/newwebsite/contact/"><span
style="color:rgb(84, 174, 242)">Submit an Event</a></span> <span
style="color:pink">| </span> <a
href="http://www.jocelynhagen.com/newwebsite/store/"><span
style="color:white">Visit My Store</a></p><div
class="x-social-global"><a

As you’ll notice, elements <div, <span, <a, and other elements have their > on the next line. This mean, something is adding the line breaks in between them. And we know that WordPress will convert lin breaks to <br> and <p></p>, and that what happens on the slider.

I suggest to contact your hosting provider and turn off caching and even external transient. With them, we can’t fully see what causes these because what’s there are just cache.

Thanks!

[Author]

Posts