Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1314821

    Im my website I use color section:
    https://prnt.sc/1jt5rk0

    After 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/1jt66p5

    This seemed like a minor issue, I edited the section and re-saved it. But suddenly it disappeared:
    https://prnt.sc/1jt6b5f

    Can you please have a look into this?

    #1314842

    Hey 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ünter

    #1314846

    hello, I added the code in functions.php, as requested.

    thanks

    #1314851

    Hi!

    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ünter

    #1314862

    Hi,

    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ünter

    #1314866

    hello,

    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

    #1314868

    Hi!

    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ünter

    #1314873

    logge in as admin, I see it like this:
    https://prnt.sc/1jvoygh

    it is not reading the properties from the cached css…

    let me know thanks

    #1314879

    Hi,

    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 – visible

    Checking 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ünter

    #1314890

    hello 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

    #1316055

    Hi,

    Please update to the latest version 4.8.6.1 and try to add this code to your functions.php of the child theme:

    https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/Performance/avf_post_css_create_file.php

    – save theme options (this invalidates and removes all post css files)
    – clear server and browser cache

    Best regards,
    Günter

    • This reply was modified 3 years, 4 months ago by Günter.
    #1316132

    hello Günter,

    I applied your solution and it worked!

    than you very much for your help

    #1316305

    Hi,

    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

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.