Hi Mike,

Hope you had a nice weekend!

The Dev has successfully updated the loop-index etc and other elements on the Staging site, so we’ll be pushing to LIVE shortly. Thanks again for your help in working out what was happening on the site.

One comment he did make that I wanted to share was;

“…There were some custom styles in the CMS that were overriding the stylesheet. Removing them made the stylesheet apply correctly again. This issue was present on the home page elements. It’s still applied to some other pages. It’s a known issue that is caused by an Enfold update, that is discussed here:

The workaround/fix that I recommend is to unset the styles in the CMS where it applies…..”

Is that still a known issue and is the workaround/fix the best suggested approach?

Thanks,
Cameron

Hi Mike,

Thanks for checking back in.

I have a developer looking into it, so I’m glad to hear that. I shared your comments from 5th December with the Dev and they were VERY helpful……(The Dev even commented on the quality of your support, so well done! :)

I trust the dev will heed your advice about moving customisations out of Header/Footer.php and into Functions.php….and removing the Header/Footer files from the Child…..

I’m not sure what the outcome with be regarding the loop-index.php

I’ll keep you posted

Thanks again!

Thanks Mike,

I really appreciate the extensive nature of your support. Excellent service and thank you!

Two questions;

1. Is it worth trying the update with the new files you’ve made and see whether we can live with the outcome or not?

2. Is there a way to avoid future updates having an impact on the loop-index.php? ie – Are we also better off putting those customisations in a different Child Theme folder?

(I’ll reach out to the contractor who did the customisations on the site in the meantime…..)

Thanks again & kind regards
Cameron

Gotcha, thanks Mike,

I appreciate your support and patience. Sorry if my coding skills are not advanced enough to be better at this.

I also appreciate the chance to try again….. I have re-copied LIVE to STAGING and thanks for taking another look.

Please feel free to log in and see what you think.

Thanks again
Cameron

Thanks Mike,

Hmmm, nope, nothing’s changed……

I’m really not sure what’s going on with this update?

The only thing we haven’t done is add the position_inherit to the Quick CSS as suggested by Rickard…….which i’ve done, but it didn’t seem to make a big difference…..?

• This reply was modified 2 years ago by CBurgo.

Hi Mike,

Thanks. I have updated the WP login details and added them below in case you need them.

“…as I understand you have a backup for 4.5.7 where everything works correctly, but when you update to 5.2.1 the demo footer shows and you lose the homepage styling?….” YES – this is correct.

The styling loss is 99% impacting the home page. All other pages seem to be unaffected (other than a minor padding issue on the carousel buttons below our “Just Some of our Reviews” testimonials block that is located towards the bottom of the home page and on various other pages as well, e.g. /academy)

I don’t know “Exactly” what customisations are in the various .php files and appreciate any assistance you can provide in identifying which ones might be causing the issues.

Can the removal and re-adding of those files be done via the WordPress Theme editor or should they be done via FTP?

Thanks in advance for your help

• This reply was modified 2 years ago by CBurgo.

Hi Rickard,

Yes, that is what I’ve done.

What is your recommended method to update the Staging site?

Is it via FTP or via the https://envato.com/market-plugin/ you suggested previously?

Can you list the steps you suggest I follow and I’ll see what happens on the staging site.

Thanks

Hi Rickard,

Here’s what I mean re the Padding….

This is what the three columns look like after the update. The Style in the “flex-column” with the new Code shows “0” Padding – https://drive.google.com/file/d/1mT4s2P4niiS3iEIfMDOp_BejLE0Pxhe9/view?usp=sharing

By removing that Padding style the column reverts to very close to what it was before the update – https://drive.google.com/file/d/11O_I1evZC0q9PBkvHJkHuPLKtatoREIN/view?usp=sharing

The only extra step is to change the “position: inherit” so that the Find Out More links line up……

Where should I make this change in the site files so that they’re reflected on the live site?

Hi Rickard, 
I’m not really making much progress here….. (I’m not clear on why ID’s would be changed in Core Files? doesn’t that make having a child theme pointless?)
Either way, I’ve followed the steps you suggested and it looks like there are significant differences in the elements (But I cannot find any of the below in the styles.css or footer/header.php files)

An example of the OLD site element which is working correctly;

<div class=”flex_column_table av-equal-height-column-flextable -flextable”><div class=”flex_column av_one_third  flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding avia-link-column av-column-link first  avia-builder-el-8  el_after_av_one_full  el_before_av_one_third  row_courses column-top-margin” style=”border-radius:0px; ” data-link-column-url=”/what-we-do/#training–development”>

And the UPDATED page element which is broken…… note the jumbled code in bold;

<div class=”flex_column_table av-kcaecnmk-94c2af9e98a62e33180765e9ae58c909 sc-av_one_third av-equal-height-column-flextable”><div class=”flex_column av-kcaecnmk-94c2af9e98a62e33180765e9ae58c909 av_one_third  avia-builder-el-8  el_after_av_one_full  el_before_av_one_third  row_courses first flex_column_table_cell av-equal-height-column av-align-top av-zero-column-padding avia-link-column av-column-link column-top-margin” data-link-column-url=”/what-we-do/#training–development”>

What I have found in the element inspector is that the issues with the updated site relate to;

1. The “.flex_column.av-bg5p2-8b8a6aaa113dfa980309a10de497638b css in each column – This style DOES NOT show at all in the old site? When I remove the PADDING from this element in the Updated site…… the columns look 99% the same as in the old site &

2. I removed “Position – inherit” from the “Find Out More” links row course css and that fixed that, so those 2 changes made the new site look 100% like the old.

Can you help with the two points above?

Your suggestion to test updates on a Staging site doesn’t really get us any closer to fixing the problem? I guess I could always just restore the live site from a backup and go back to the start, which I’m willing to do.

OR we could use the staging site as the example of what IS working and update the Live site accordingly. Either way we’re still dealing with the same issues, which is what I’m trying to fix.

Thanks in advance

Ok, please see staging site details below.

Please let me know what you think has happened with the update to break the home page.

Please let me know if the info below is not sufficient for you to provide that support.

Thanks in advance

Please NOTE: The staging site has NOT been updated to PHP 8 and is running an older version of Enfold (4.5.7) as per what was working on the site before updating Enfold. You’ll see that the home page loads as expected now…..

• This reply was modified 2 years, 1 month ago by CBurgo.

Hi Rickard, 

It seems like we’re getting crossed wires here, sorry if I haven’t been clear enough.

Re your questions;
1. “…I can’t see any background colours set on the front page, did you add those with custom CSS as well?….”

That’s what I’m saying……the background colours have disappeared since the update. please see the screenshot below of what the homepage SHOULD Look like (ie as it was BEFORE the update) – you’ll note the light grey banner colour down the page, along with a curved line version of the separator towards the bottom. 

https://drive.google.com/file/d/12XJkFW2ocSiqnH-uvQTF8spYrEuNhsVK/view?usp=sharing

This is the styling I’m trying to get back from before the update and yes, I believe it was set in the child theme styling.

2. “…The white logo is set under Enfold->Header->Transparency Options…..”

Yes, I understand that is where the White logo is set, per my email…… But the standard page logo SHOULD NOT be the White Version – it should be the coloured version………See this screenshot – https://drive.google.com/file/d/11vK8vb_Z84qhHPaPw0ok6JxrrVtbrZg7/view?usp=sharing

PRIOR to the update, when the screen first loaded, prior to any scrolling, the COLOURED logo appeared, as per the Enfold Child->Theme Options->Logo. 
Post the update, the white logo has now been inserted at the top of the page – we did NOT make this change??? and I’m not clear on why the white logo is now showing at the top, instead of the coloured version?

Its like on ANY of the pages with custom Styling (/home, /academy, etc) the logo being called is WHITE – see https://www.greatmanagers.com.au/academy/

But on any of the pages where there is no stying, the CORRECT coloured logo is being called – see https://www.greatmanagers.com.au/resources/#free-training

Can you clarify the above please?

Thanks in advance

Cameron

• This reply was modified 2 years, 1 month ago by CBurgo.

Ok, thanks Rickard,

Do you have any thoughts on why the styling worked Before the update, but seems to be broken After the update?

ie Why doesn’t the styling in the Child Style.css file work for the element I shared with you via the screenshots?

Is there anything we can do to fix the element so it displays as it did previously?

Thanks and regards

Cameron

• This reply was modified 2 years, 1 month ago by CBurgo.

Thanks Rickard,

The Footer looks good now, thanks for your help.

However, the update has definitely broken some of the page elements……

Eg – Just below the top fold on the HOME PAGE (greatmanagers.com.au) there is a 3 column element that has

Training & Development
Coaching & Mentoring
Survey & Assessment

These have been broken in that all the COPY under the image is compressed and the Find Out More link is covered by the other copy?

I have a screenshot of what the section look like, if there is a way for me to share that with you?

There are other elements on the page that have changed as well………

Can you clarify exactly what has changed in the Child Theme files? Is it ONLY the Header and Footer Files?

Thanks in advance
Cameron

Hi Rickard,

I have reverted the site to a backup point and checked the themes folder which looks normal now. Please proceed with the update.

P.S – I could not seem to see any way to update the Enfold Theme via the plugin, when it was installed…….not sure if that’s related to the themes folder issue, but all themes were up to date, with no option to update them…..

Hi Rickard,

Thanks. Had I not uploaded the latest footer and header.php files correctly?…….

Either way, I have added the token to the child theme as suggested but that didnt seem to make any difference……

The Child Theme Update sections still says “….No Updates available. You are running the latest version! (4.5.7)….”

So, I’m not clear on your next suggestion to update to 5.2.1

Are you suggesting that the CHILD theme should be updated to 5.2.1??? (If so it would lose it’s customisations, correct?)

If you’re not suggesting that, the Parent theme is already 5.2.1?

Can you take a look please?

Thanks in advance

Cameron