Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1395922

    Hello,
    we have a issue, that with the latest update the avia layout architect inserts styles between the image-containers, breaking the layout of the website.
    You can check the page here: https://nordstrahl.de/
    In the section “Team” you will 10 team-members, which are okay – we have already “cleaned” the backend by creating the content new.
    But if you click on the arrow below you will get shown more member groups, with the layout broken.

    Here a screenshot of the frontend:
    https://nordstrahl.de/wp-content/uploads/2023/01/Screenshot-2023-01-30-153447.png

    In the backend we only work with images here, using only a few styling:
    https://nordstrahl.de/wp-content/uploads/2023/01/Screenshot-2023-01-30-153517.png
    https://nordstrahl.de/wp-content/uploads/2023/01/Screenshot-2023-01-30-153522.png

    The Enfold-Theme used: 5.4
    Wordpress: newest version.
    Plugins: we only use few plugins. The issue occurs also if we deactivate them all.

    Could you please check this issue?
    Thank you very much!

    Regards
    Marko

    #1395979

    Hey mkuzman,

    Thank you for the inquiry.

    The inline styles should not be affecting the layout of the elements. But if you want to disable them, you can add this code in the functions.php file.

    function avf_post_css_create_file_mod( $create )
    {
    	return false;
    }
    add_filter( 'avf_post_css_create_file', 'avf_post_css_create_file_mod', 10, 1 );
    

    Best regards,
    Ismael

    #1396454

    Hi Ismael,
    thank you for the function. But it doesn’t helps me :-(

    And this tags affect the layout. Please check the first screenshot. Here is the layout ok as I have removed the styles in the inspector at the right side:
    https://nordstrahl.de/wp-content/uploads/2023/02/Screenshot-2023-02-02-185956.png

    If you compare this to the live page, you will notice that the layout is broken and the styles are in the sourcecode.
    It looks like this:
    https://nordstrahl.de/wp-content/uploads/2023/02/Screenshot-2023-02-02-190058.png
    You can try it on your own and remove in inspector the styles – the layout changes than.

    As I have already written, everything had worked until the last update.
    So it would be very kind if you could check this problem once again.
    Thank you!

    Best regards
    Marko

    #1396488

    Hi,

    Thank you for the info.

    We may need to access the site in order to check the issue further. Please provide the login details in the private field. How did you disable the inline styles?

    Best regards,
    Ismael

    #1396535
    This reply has been marked as private.
    #1396933

    Hi,

    Sorry for the delay. There are no inline styles for the element in the page and we cannot reproduce the issue anymore. Did you disable the inline styles? Please note that the filter above will actually disable the post css file and re-enable the inline styles.

    Best regards,
    Ismael

    #1396943

    Hi Ismael,
    unfortunately the issue is still there.

    Please check the screenshot here: https://nordstrahl.de/wp-content/uploads/2023/02/Screenshot-2023-02-07-082403.png

    “Did you disable the inline styles? Please note that the filter above will actually disable the post css file and re-enable the inline styles.”

    Well, I thought your function should disable the inline-styles??
    I was hoping you can resolve the problem, so I haven’t changed anything on the websites.

    BR
    Marko

    #1397406

    Hi,

    That is not how we see the site on our end. Please check the screenshots below.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvz2dta2KTG5j3HyoO?e=ewU8ga

    Have you tried purging the cache? You can also try and check the site on incognito mode.

    Best regards,
    Ismael

    #1397418

    Hi Ismael,

    please check my last screenshot: https://nordstrahl.de/wp-content/uploads/2023/02/Screenshot-2023-02-07-082403.png
    If you click on the yellow arrow, you get more persons displayed. This area is still buggy.
    Best regards
    Marko

    #1397586

    Hi,
    Thanks for your patience and the link to your site, I first tried to recreate you page on my demo site linked below but couldn’t recreate the error, nor was the inline style added.
    After different attempts to solve your issue I ended up adding this script to your site to remove the inline styles and test if that was the issue:

    function remove_inline_style() { ?>
      <script>
    (function($){
        $('#top.home style[data-created_by="avia_inline_auto"]').remove();
    })(jQuery);
    </script>
      <?php
    }
    add_action('wp_footer', 'remove_inline_style');

    This did remove the inline styles and solved your issue, please clear your browser cache and check.
    When I tried the function Ismael recommended your element was not correct, so I’m not sure if your server is using object-oriented cache or if your cache plugin is a factor or if it is something really simple that I’m not looking at, but please take a look at your page now and see if it is working right now.

    Best regards,
    Mike

    #1397742

    Hi Mike,
    thank you very much – you function has solved the problem!
    best regards
    Marko

    #1397792

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1397844

    Hi Rikard,
    thank you! You can close this topic.
    Best regards
    Marko

    #1397913

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Style inserted by Layout-Architect’ is closed to new replies.