Please help with JS

Support
#1

I messed something up but don’t know what.
The URL is https://rediresults.com
home page
close to the bottom of the page there is a section titled, Collaborate with your team.
I am trying to make all four columns (2nd row) with a separate link for each.

This is the JS I added is

jQuery("#column-1-home").wrap("");

jQuery("#column-2-home").wrap("");

jQuery("#column-1-home").wrap("");

jQuery("#column-2-home").wrap("");

When I tried to run the script, received this error:

The preview could not load due to the iframe response being incomplete. This is most often related to a plugin conflict, or customizations introducing a PHP error.

Origin URL: http://rediresults.com

Preview URL: http://rediresults.com/

I am attaching three screen shots

  1. how the columns are set up in wordpress
  2. how it looks on the site
  3. error message
#2

Hi There,

Your home page has loaded on my end with no issues.

Which browser and device you are using? Have you managed to solve it?

Thanks!

#3

The page loading issue resolved itself.
What about the main question i asked.

Thanks
jane

#4

Could someone please address my initial issue. This message was sent 9 hours ago.
I think this topic got lost or closed or something.

Thanks
Jane

#5

Hey There,

Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

I have checked your custom JS and it no longer works because it removes the width of the columns and now all four columns is fullwidth. To resolve your issue, please do the following:
1.) Update the JS code and use this instead:

(function($){
 $(document).ready(function($) {
    $("#column-1-home").append("<a href='https://rediresults.com/cch/groups/'></a>"); 

    $("#column-2-home").append("<a href='https://rediresults.com/cch/calendar/'></a>");

    $("#column-3-home").append("<a href='https://rediresults.com/cch/upcoming-events/'></a>"); 

    $("#column-4-home").append("<a href='https://rediresults.com/cch/forums/'></a>");
 });
})(jQuery);

2.) And then please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

#column-1-home,
#column-2-home
#column-3-home
#column-4-home {
    position: relative;
}
#column-1-home > a,
#column-2-home > a,
#column-3-home > a,
#column-4-home > a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

We would loved to know if this has work for you. Thank you.

#6

Thanks so much for the response. I will give this a try after I am able to access the site.
I just started another thread due to an HTTP ERROR 500 I am getting when I try to access this site or the wordpress admin area.

I don’t know how you accessed the site because I cannot.
Can you please try to help me figure out how to fix the problem with x-theme?
I upgraded PHP to 7+ but that did not work.
I don’t know what else to try to do. I just rebuilt this site because of issues a couple weeks ago and i don’t want to lose it.

Here is the response from cPanel support.

the problem is due to your wordpress’s theme missing some important files, and causing a php fatal error to occur.

#7

Hi There,

Download the latest X theme from your envato account, extract x.zip file and upload the X folder to your themes section via FTP (/wp-content/themes/), so that it will update with the missing files.

Also you can refer to our guide here (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62).

Hope that helps.

#8

OMG. Thanks so much. It worked perfectly.
I really appreciate the help!

Jane

#9

Glad to hear it Jane :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.