Experiencing problems with old X website after upgrading to latest version

Hello,

I am having several issues with my old website that was built in a much earlier version of X after I recently upgraded to the latest version of the theme.

The website is https://nnnproperties.staging.wpengine.com/ (I have moved it to a staging environment as I make the changes – the original website and the URL my license is associated with is http://nnnpropertiesgroup.com).

I will outline the issues below:

(1) I am using a third party plugin called “My Login/Logout” to enhance the functionality of my site for my clients, and when I recently upgraded to the latest version of X and switched to the Ethos stack, I started experiencing some CSS issues with the button that I styled around this “Login” hyperlink. The issue arises when I reduce the width of the screen and enter the mobile responsive view – as you can see from the attached picture, the blue shadowing effect at the bottom of the “Login” button doesn’t disappear when the CSS transfers from the regular view on my Mac Mini to the responsive view on any of my devices. Do you know how I can remove this blue shadow when the website enters the mobile view?

(2) When I upgraded the theme and switched from the Integrity to Ethos stack, I started having issues with the “block grid” shortcode that I use on both the homepage and on the “https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/” page of my website. As you can see, these block grids no longer stack evenly down the page – there are gaps in certain rows along the right side of each page. Please see images 2 and 3 for a visual example of what I’m talking about.

(3) Since upgrading, I am having issues with the navigation bar in normal view. When I hover over one of my nav bar menu items that includes multiple links that drop down, I can’t collapse the dropdown back up – the dropdown simply stays fixed on the page, even when I try to click on another part of the webpage. Please see the attached image #4.

(4) Since upgrading, when I try to remove the site’s breadcrumbs in the X theme control panel and clear the cache, the breadcrumbs re-appear every time. The CSS associated with them also appears to not be pulling correctly, and I don’t see any styling options for these breadcrumbs within the dashboard. Please see the fourth image attached below.

(5) Since upgrading, I am having two problems with my Gravity Forms that I have on the website. Both of these can be seen in the final screenshot attached. As you can see, when I am viewing the site in mobile view, the “Name” inputs on one of my gravity forms are staggered rather than lying flush along the same horizontal line. Also, the forms aren’t adopting the native CSS of the theme – as you can see, the headings are still black, and the form input boxes are curved at the edges rather than rectangular with 90 degree corners.

Thank you for your help, I greatly appreciate it!

Hello There,

Thanks for writing in! Could you please update to the latest versions?
Our latest versions are:

  • X theme 6.1.3
  • Cornerstone 3.1.3

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, 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.

I also noticed that there is a CORS issue in your site.

Please go to your settings, Settings > General and make sure that the site URL and WordPress address url is using https. In most case, this CORS issue is the reason why the css styles were not applied into the site. If you cannot edit the site url settings, you can force it by editing the wp-config.php file and add this lines:

define('WP_HOME','http://example.com');
define('WP_SITEURL','http://example.com');

Just make sure that you replace the example.com with your staging site url.

Please let us know how it goes.

OK, now I am having all kinds of problems trying to update X theme and cornerstone after moving the site back from the staging environment.

My site is hosted through WP Engine. I forgot to input the staging URL on the X dashboard before I migrated the site to the staging environment. Now when I try to add the code back in after moving the site back to my original domain, I am getting the following error:

Your code is valid but looks like it has already been used on another site. You can revoke and re-assign within your Themeco account.

I tried going into the dashboard to revoke the license and reissue it, but I couldn’t figure out how to do that. Also, as you can see in the original post, I had a number of other questions that I asked – did you want me to first try updating the site to the latest version of X and Cornerstone to see which problems remained before addressing the rest of them?

Thanks.

Ok, I was able to figure out how to re-associate the license with the URL, and I successfully upgraded to the latest version of X and Cornerstone.

Unfortunately, all of the problems that I enumerated in my first post still remain unsolved.

Can you please help me one-by-one when you have time? I totally understand that I have a lot of items and you may need to help other users before getting to all of them, so there is no rush.

Thank you!

Hi There,

I could see the staging version of your website is still using the X v6.1.2 and CS v3.1.2.

Could you please update them to latest version as well?

https://theme.co/changelog/

If the issue is still persist, would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

  • Link login to your site
  • WordPress Admin username / password

Thanks.

No, sorry, I forgot to mention that I had to move the site back to the live environment in order to fully update the theme. The site has been fully updated and is located at the following URL:

http://nnnpropertiesgroup.com

Hello There,

Thanks for providing the information.

1.) The blue line no longer appears on my end. Here’s what I am seeing:

2.) The block grid issue is because of the line breaks in your shortcode. You must update it and use this:

[block_grid type="six-up"] [block_grid_item] <a title="7-Eleven Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/7-eleven/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/7-eleven2.png" alt="7-Eleven" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Aldi Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/aldi/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/aldi2.png" alt="Aldi" type="thumbnail"]</a> [/block_grid_item]  [block_grid_item] <a title="AutoZone Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/autozone/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/autozone2.png" alt="AutoZone" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Chase Bank Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/chase-bank/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/chase2.png" alt="Chase Bank" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Chick-fil-A Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/chick-fil-a/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/chick-fil-a2.png" alt="Chick-fil-A" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Chipotle Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/chipotle/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/chipotle2.png" alt="Chipotle" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="CVS Pharmacy Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/cvs/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/cvs2.png" alt="CVS Pharmacy" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="DaVita Dialysis Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/davita/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/davita2.png" alt="DaVita Dialysis" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Dollar General Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/dollar-general/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/dollargeneral2.png" alt="Dollar General" type="thumbnail"]</a> [/block_grid_item] [block_grid_item] <a title="Dollar Tree Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/dollar-tree/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/dollartree2.png" alt="Dollar Tree" type="thumbnail"]</a> [/block_grid_item] [block_grid_item]<a title="Family Dollar Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/family-dollar/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/familydollar2.png" alt="Family Dollar" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="In 'N Out Burger Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/in-n-out/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/07/innoutburger2.png" alt="In 'N Out Burger" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Jack in the Box Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/jack-in-the-box/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/07/jackinthebox2.png" alt="Jack in the Box" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="McDonald's Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/mcdonalds/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/mcdonalds2.png" alt="McDonald's" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="O'Reilly Auto Parts Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/oreilly/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/oreilly2.png" alt="O'Reilly Auto Parts" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Panera Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/panera/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/07/panera2.png" alt="Panera" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Rite Aid Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/rite-aid/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/riteaid2.png" alt="Rite Aid" type="thumbnail"]</a> [/block_grid_item] [block_grid_item] <a title="Sherwin-Williams Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/sherwin-williams/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/sherwinwilliams2.png" alt="Sherwin-Williams" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Sprouts Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/sprouts/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/07/sprouts2.png" alt="Sprouts" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Starbucks Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/starbucks/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/starbucks2.png" alt="Starbucks" type="thumbnail"]</a> [/block_grid_item] [block_grid_item] <a title="Taco Bell Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/taco-bell/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/tacobell2.png" alt="Taco Bell" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Tractor Supply Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/tractor-supply/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/tractorsupply2.png" alt="Tractor Supply" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Walgreens Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/walgreens/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/01/walgreens2.png" alt="Walgreens" type="thumbnail"]</a> [/block_grid_item][block_grid_item] <a title="Whole Foods Tenant Profile" href="https://nnnpropertiesgroup.com/client-resources/featured-tenant-profiles/whole-foods/" target="_blank">[image src="https://nnnpropertiesgroup.com/wp-content/uploads/2016/07/wholefoods2.png" alt="Whole Foods" type="thumbnail"]</a> [/block_grid_item][/block_grid]

3.) I could not replicate the issue. When I hover your menu, the submenu appears and as hover away, after a few seconds the submenu collapses on my end.

4.) The breadcrumb can be disabled in X > Theme Options > Miscellaneous. You will find a toogle option to turn on/off the breadcrumb. And if you want to display it nicely, you need to change the color of the breadcrumb. Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-breadcrumb-wrap a,
.x-breadcrumbs .delimiter {
    color: black;
}

5.) And to fix the gravity form issue, please use this custom css code:

.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_last_name span.name_last {
    margin-top: 0;
}

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

Thank you very much. Regarding the breadcrumbs, however, I have already tried this. When I turn off the breadcrumbs by following your instructions, the setting isn’t saved, and they remain on. I think I wouldn’t have a problem leaving the breadcrumbs on if I could use the “Integrity Stack” breadcrumb styling. Can you assist with this?

As an aside, I just moved the site back over to the staging URL, which is the following: https://nnnproperties.staging.wpengine.com/

Also, do you know how I can make the three blue call to action buttons in my topbar float in the center of the topbar, and can you tell me how I can enlarge the size of the phone number and email to the left and the social icons to the right in the topbar?

Finally, can you show me how to center the block grids on the following linked page? They are flush with the left margin of the page’s body rather than being centered in the middle of the screen. Please scroll down to the graph below the block grids to see what I’m talking about here:

https://nnnproperties.staging.wpengine.com/client-resources/featured-tenant-profiles/

Thanks a lot, I’m making great progress!

[redacted] Sorry, I meant to edit the original post, please see above. Thanks.

Hi gignnn,

##Breadcrumns:

It is not possible to move the style features of a stack to another one. I am not sure why this is not working for you. The Theme Options should work and remove the Breadcrumbs. Anyway, to force this you can add the CSS code below to X > Theme Options > CSS:

.x-breadcrumb-wrap {
    display: none;
}

##Blue Buttons:

This is a custom CSS request which is outside of our support scope. We can give you a proper CSS suggestion but you need to change the HTML you added. You need to wrap the buttons to a separate wrapper
, such as a div tag. Then get back to us in a new thread to follow up.

##Block Grid

Please add the CSS code below to X > Theme Options > CSS:

.x-block-grid>li {
    margin: 0 2%;
}

.x-block-grid.six-up {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

1 Like

Thank you so much, will do!!

You’re welcome. Glad we could help.

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