Quote Rotator not displaying slides after update

Hi, I was completing routine plugin updates and now the Quote Rotator section on the home page is not displaying the slide content. I checked in Cornerstone, and all the slide content is still there in the page layout, but is not displaying (background image still shows up). I validated the purchase code for X to get the automatic update and updated Wordpress to the latest version. Can you help me fix this? Here is the domain: https://vitapmg.com

Hi There @joshvce

Thanks for writing in! Upon checking your issue further, I see that you have updated your Cornerstone plugin to the latest version, but you’re still using an older version of X theme which creates incompatibility issues.

You can see the latest version information from here (https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195) and update your X theme and any outdated plugins accordingly (https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62).

After updating, make sure to clear all cache and test your issue again. You can follow this resource if required (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Let us know how it goes.
Thanks!

Gotcha! I was able to download the theme .zip from Themeforest because I don’t see any automatic update available in the dashboards for Vita (it’s set up as a multisite) but what about customizations that may have been made to this specific X - child theme? How will uploading the new .zip affect that?

Hello @joshvce,

Thanks for updating the thread. :slight_smile:

When you upload the parent theme (x folder) files to the server, it won’t have any effect on the customizations that was done in the child theme. However, please make sure the changes are made in the child theme, otherwise if the customization are in parent theme, they will get overridden with the files that are being uploaded.

To learn more, please take a look at following resource.

Thanks.

Thanks. I uploaded the new X version - the original slider issue was resolved. However, when clicking through the site, I found a few styling issues - any ideas on how to fix? These are customizations that I was not responsible for, so I’m not super familiar with the CSS/customization as it pertains to this site. One is a timeline effect - the numbers are now not aligning in the middle. Second is a sticky yellow CTA (“How Can We Help”) on the side of the page - on this particular page the z-index must be messed up because part of the parallax section is covering it up on scroll. The third is another z-index issue on mobile - the content is scrolling above the nav section. Thanks for any help you can provide!

Hi @joshvce,

Please provide a screenshot of how those numbers align before so we can try to resolve it.

Regarding the z-index issue, please inspect the first section (where the CTA is placed) and set a z-index:2; on its style field.

Regarding the third issue, on my end its the navbar that is above the content.



Please clear your browser’s cache.

Thanks,

Per issue 1: This is more how the numbers and timeline should align.

Per issue 2: I added the z-index styling as you recommended but same issue occurs on this page: https://vitapmg.com/investmentphilosophy/

Per issue 3: I’ve cleared the cache but this is how the issue displays for me: Content scrolling above the nav bar.

Hi @joshvce,

  1. Do you still have a backup where it’s still working correctly? Please setup one in a staging so we could use it for comparison. Plus, the customization is long while the only one I’m seeing is the flex styling.

  2. Please add this CSS to Theme Options > CSS

.masthead, .x-colophon {
z-index: 9999999999999;
}
.x-main {
z-index: 9999999;
}

Then inspect the section where the Contact button is and change its z-index to 9999.

  1. Please do #2, it’s related.

Thanks!

Thanks @Rad -

  1. I pushed the current version to the staging site (https://vitastaging.wpengine.com) and restored the live site to a backup pre-X update. So the live site reflects the correct way the timeline styling should appear for reference (https://vitapmg.com/investmentphilosophy/), but the original slider issue on the homepage is still occurring.

  2. I added this CSS to the global css on the staging site, but it didn’t seem to fix. Hero image appears to be on top of the nav now, and content still scrolls above the contact CTA.

Hi @joshvce,

Please find and remove this custom CSS:

.x-main {
    z-index: 9999999;
}

Please change the z-index of first section to: 9

Let us know how it goes!

@thai I removed the CSS you recommended to bring the nav back into view, but I can’t find where to edit the z-index like in your attached photo. I can’t find a section selector. Which section are you saying to apply to?

Hello @joshvce,

Thanks for updating the thread.

Please inspect the section to adjust the z-index.

Thanks.

Thanks, but I don’t see a way to edit the section in my window. The first block is the page header, and I don’t see the fields to edit Font size, z-index etc. like in the example you sent. Can I just put the CSS in the additional customizer CSS? What do you recommend to fix the sticky contact CTA z-index when it scrolls past the parallax section (https://vitastaging.wpengine.com/investmentphilosophy/) and the content scrolling over the nav on mobile?

Hi,

You need to enable Advanced Mode to see those options

You can also try adding this i Theme Options > CSS

.x-section.page-header-image{
    z-index:9999999;
}

Thanks

@paul.r Thanks - I turned it on but I still don’t see that option. I think I’ve resolved the timeline mis-alignment issue and part of the z-index issue with the yellow contact CTA on the parallax section of the investment philosophy page. The issue I am still working through is the z-index problem when viewing on mobile - the content scrolls above the yellow “How can we help” CTA, but underneath the logo section. Any tips on how to order correctly?

Hi @joshvce,

Could you try adding this CSS to your style.css along with other custom CSS?

.management-services  {
z-index: 0 !important;
}

It appears it’s a classic section.

Thanks!

Thanks @Rad - I was able to apply this to multiple sections on different pages to fix this issue. However, on the gallery page (mobile) it doesn’t work - can you help me find the section to call out there?

Hello @joshvce,

This could be just your browser cache issue. When I check your gallery page, I am seeing this:

After doing the updates or site changes, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Please let us know how it goes.