Page not rendering as it should

Support
#1

Hi
Something strange is happening. I have a page that I made a template from. I created a new page with that template. And the page will not render proper on frontend. They are both set to No Container, Header, no footer.

Here is original page:
http://concordportal.staging.wpengine.com/rodgers-hammerstein/

Here is how new page is rendering based off that template:
http://concordportal.staging.wpengine.com/rodgers-hammerstein-publishing/

Password in note.

#2

Hello @wowflak,

Thank you for the very detailed post information. I have checked your site and it seems that you are having a caching issue. After making any site changes or doing any 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.

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.

Hope this helps.

#3

Thanks, I have done all of that. There is no caching on WPEngine staging and I have cleared WP Rocket and my browser cache many times as well as checking in incognito. Page still not rendering correct. See screenshot.

Note it does look correct in backend.

#4

Hi @wowflak,

There is no caching on WPEngine staging, but your site is still optimized by WPRocket which isn’t part of WPEngine. And clearing WPRocket may not take effect instantly based on my personal experience. Would you mind providing the admin login credentials so we could further check it? The login credentials you provided isn’t working for admin.

Thanks!

#5

Sure, check the note.
Thanks

#6

Hi @wowflak,

I can see the issue. Padding setup is not working. It seems not related to cache but rather to CSS syntax error. See image below. I unminify some CSS before the error occur. There seems to be extra closing tag. Please double check all your CSS. Make sure syntax is correct no excess closing bracket tag.

Hope this helps.

#7

Thanks, but I can not read that image. I am confused because all I am doing is taking a page that currently works and making a template from it. I then make new page and select that template and it does not render on frontend. WHy is this happening? I am not adding any additional CSS to the new page.

#8

Hello @wowflak,

The columns in this page: http://concordportal.staging.wpengine.com/rodgers-hammerstein-publishing/ has no padding.

In this page: http://concordportal.staging.wpengine.com/rodgers-hammerstein/, you added a column padding of padding: 20px 75px 700px 75px;. I would recommend that you enable the inner container option in the row settings instead.


By the way, this was Lely’s screenshot:

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

#9

Okay, but that is the padding I want for the look. It is working on the other page, not sure what is different. See screenshot of backend where it is showing correct.

#10

Hello There,

I have found the issue. In your custom header, you inserted this invalid css:


.x-menu > li.aboutclass {
    background-color: white;
}
.x-menu > li.aboutclass > .x-anchor .x-anchor-text-primary {
    color: black !important;
}


.hm37.x-text a:hover { color: #fff !important;}
}

I already fixed the issue by the way. Please check the page now.

#11

Ah, thanks! That was on my default header that I usually never use. Thanks for figuring it out!

#12

You’re welcome!
We’re glad we were able to help you out.

#13

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