-
AuthorPosts
-
August 6, 2021 at 12:04 pm #1314821
Im my website I use color section:
https://prnt.sc/1jt5rk0After updating Enfold from 4.8.3 to 4.8.6 I lost the color section: after just the update I noticed that the background image was no more in the center, left position, but just in the center, center position:
https://prnt.sc/1jt66p5This seemed like a minor issue, I edited the section and re-saved it. But suddenly it disappeared:
https://prnt.sc/1jt6b5fCan you please have a look into this?
August 6, 2021 at 12:53 pm #1314842Hey edolmen,
Thank you for the login.
I would need access to the underlying shortcode. As I cannot edit functions.php of the child theme, can you please add the following into this file:
add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; }
This adds a textarea in backend where I see the shortcode and can copy it to my dev server to check, what is causing the problem.
Do not forget to make a backup of functions.php for a fallback.
Best regards,
GünterAugust 6, 2021 at 1:03 pm #1314846hello, I added the code in functions.php, as requested.
thanks
August 6, 2021 at 1:10 pm #1314851Hi!
Thanks, I’ve copied the shortcode and will be back, as soon as I’ve found the problem.
If possible, please leave the code in functions.php. Thank you.
Cheers!
GünterAugust 6, 2021 at 3:29 pm #1314862Hi,
I cannot reproduce the problem on my server.
I copied the shortcode to my debug textarea, only changed the attachment id for the background image, and then saved it (as I did not open a modal popup this does not change anything – so the shortcodes are identical to those on your site).
Opening the page in frontend the image is correct.
I also activated YOAST, but this does not change anything – it renders correct.My first idea was, that a shortcode setting (either a hidden one or a missing attribute) causes this. But I did not find any.
———-
I’ve just seen, that you updated your site to 4.8.6.
Inspecting the CSS for the image it shows:
background-position: 50% 0;
but our theme outputs:
background-position: center left;
Seems, that your minification plugin (or server) translates center to 50%, left to 0 not taking into account, that CSS interpretes this differently. If you change it in dev console to
background-position: 0 50%;
the image position is correct.
(See https://developer.mozilla.org/en-US/docs/Web/CSS/background-position)
As up to 4.8.3 this setting was inline in a style=”….” so it was not changed and worked.
Conclusion 1: This is something we have to change in our theme to become compatible (becomes high priority)
—-
Why it disappeared after saving (cannot reproduce either):
I do not want to change and save your original page – can you (or I) create a test page with the same content – simply copy the content of the debug window into the debug window of an empty page (ALB mode enabled) and save.
Thank you for your help.
Best regards,
GünterAugust 6, 2021 at 3:50 pm #1314866hello,
If I open the home page as not logged in, it opens with the color section ok, but with the bg image centered horizontally. I checked the css and confirm that setting it to ‘left’ instead of ‘0’ works.
If I open the same home page as administrator logged in, I see that the color section is blank. Can you please check and confirm this?
If I roll back to the 4.8.3 the issue disappears.
You can try creating a new page if you wish.
Let me know thanks
August 6, 2021 at 3:58 pm #1314868Hi!
Thanks, will create a new page to check and let you know.
I open the homepage both logged in with my account and in another browser not logged in I see image in both centered.
Best regards,
GünterAugust 6, 2021 at 4:09 pm #1314873logge in as admin, I see it like this:
https://prnt.sc/1jvoyghit is not reading the properties from the cached css…
let me know thanks
August 6, 2021 at 4:41 pm #1314879Hi,
Update: Above was for original homepage.
I created a new page (see below).
– After create not sure but I think it looked OK in frontend being logged in (except image adjustment)
– I updated the page
– Section is “missing” except button
– Open page not logged in – visibleChecking the HTML:
Logged in the HTML content is present but invisible – CSS files are different for non logged in users:
..siteground-optimizer……. for non logged in
The only idea for that would be (selectable with a theme option):
Add our CSS as inline
<style>...</style>
right before the element for logged in user and only create our post css files when the first non logged in user accesses the page.Best regards,
GünterAugust 6, 2021 at 5:36 pm #1314890hello Günter,
that is not an option as the content for logged in user is the ‘original’ one. If the cached css gets overwritten the issue appears for not logged in users as well.
As for now I switched back to Enfold 4.8.3 but waiting for an update as I want to keep the theme as updated as possible, without using ‘custom’ fixes.
thanks
August 10, 2021 at 1:06 pm #1316055Hi,
Please update to the latest version 4.8.6.1 and try to add this code to your functions.php of the child theme:
– save theme options (this invalidates and removes all post css files)
– clear server and browser cacheBest regards,
Günter- This reply was modified 3 years, 4 months ago by Günter.
August 10, 2021 at 7:19 pm #1316132hello Günter,
I applied your solution and it worked!
than you very much for your help
August 11, 2021 at 5:23 pm #1316305Hi,
Glad that it works now.
Please have a look here: https://kriesi.at/support/topic/post-css-and-caching-issue/#post-1316059
Could the query string cause the problems in your setup ?
Best regards,
Günter -
AuthorPosts
- You must be logged in to reply to this topic.