code block trouble

Hi,
Thanks for your question, I tried to recreate this error with a Google Map iframe for Boston Ma in a code block element,
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d188820.5492695243!2d-70.97028399999999!3d42.31434995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e3652d0d3d311b%3A0x787cbf240162e8a0!2sBoston%2C%20MA!5e0!3m2!1sen!2sus!4v1697385152217!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
I also tested in a text element and tried to edit the page many times, make changes and save and view the frontend and then edit again, but I was not able to create an error.
My test site has no plugins, so perhaps yo can try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
Sometimes javascript in a code block element will run in the backend (editor) and cause errors, if you have any other code blocks on the page with javascript try removing them and checking again.
If you find it’s a plugin or something else that you can’t do without, you can try to add the map iframe as a shortcode as a workaround.
For example, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_iframe_shortcode($atts) {
    $iframe_src = esc_url($atts['src']);
    if (!$iframe_src) {
        return 'Please provide a valid src URL in the shortcode.';
    }
    $iframe_html = '<iframe src="' . $iframe_src . '"width="100%" height="600px" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>';
    return $iframe_html;
}
add_shortcode('iframe', 'custom_iframe_shortcode');

notice in the code above I set the iframe width to 100% and the height to 600px, you can adjust to suit.
Then in your code block add this shortcode: [iframe src="https://www.example.com"] I added my map url like this:
[iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d188820.5492695243!2d-70.97028399999999!3d42.31434995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e3652d0d3d311b%3A0x787cbf240162e8a0!2sBoston%2C%20MA!5e0!3m2!1sen!2sus!4v1697385152217!5m2!1sen!2sus"]
Perhaps this will help you.

Best regards,
Mike

Hi,
Thanks for the feedback Guenni007, I didn’t see that he was having trouble adding css to a code block, perhaps he didn’t wrap it in <style> for CSS or <script> for jQuery, I’m not sure he didn’t share an example.
But your advice to try reinstalling the theme is good advice, thank you.

Best regards,
Mike

Hi,

Thank you for the update.

The methods provided above should not lead to critical errors as long as you proceed with caution and create a back up of your site before making any major changes. Reinstalling the theme can be done, but it’s important to make sure you have a restore point in case you need to revert to your previous setup. Additionally, make sure to keep a list or backup of the customizations or content you’ve added to the site in order to ensure they are not lost after the reinstallation process.

Best regards,
Ismael

Hi,
Thank you for your patience and the link to your page, when I look at your #av_section_9, the section that begins with the title: ACCESS the only issue that I see is that the section is not centered, this is because of some custom css that you have added:

#av_section_9 .container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

If you remove this the section will show correctly.
If this is not the issue that you are talking about, please explain further and include a screenshot and admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard