yup, it would seem that as of Enfold version 4.7.6.4, does not support the new Google Analytics 4.
BUT,
it is possible to create the old “Universal” Google Analytics still…
https://support.google.com/analytics/answer/9304153?hl=en#UA

i just did that, got the “UA-xxxxxxx” number rather than the “G-xxxxxxx” number; used the code provided and it looks to be working (according to the Google Analytics Chrome Extension) – will have to see after a day or so to see if the data starts rolling in.
(FYI)

thanks Ismael,

i’ll check it out.

the main reason i started looking in to this is – i was needing to create a data-table, one which would not shrink in size nor collapse for mobile. i was originally hoping to load this in the lightbox, but when the browser window shrinks or loads on mobile, there are no horizontal scrollbars to scroll horizontally with for the table viewing. i tried adding the scrollbar element to the iframe tag, and i played with css for all the wrappers too, but it just wouldn’t work. i eventually gave up & just made it’s own page for it. but would be nice for the lightbox to have more accessible features.

thanks.

well, i can do that, but… not sure why. what i’m talking about seems to be standard across multiple websites that use Enfold. i am new to WordPress & so far i’ve only use Enfold as a theme, so i don’t know how the TinyMCE “Classic” Text tab behaves normally (or in other themes).

i am assuming that by your message, you believe (or know to be true) that <p> tags ARE visible in that editor, & you want access to mine because you believe what i’m experiencing is an error that can be fixed – right/wrong?

i’ve worked on 5 completely separate Enfold WP sites/projects thus far, & this behavior is true with all of them. so how is getting in to my site going to help?

(and i do appreciate your time & attention:-)

@Mike
understood. thanks.
if you all have any recommendations on best methods when transferring a site from development server to live server – converting all the domains in bulk – i’d appreciate it.
i suspect (like with so many other things) it’ll be the job for a plugin – if that’s the case, i’m also open to which one’s are the best & most stable & easiest to use.
thanks.

EDIT 2: okay, so i found a crude workaround.
my -2¢ would be for the developers to allow for code blocks that are not wrapped & don’t take up any space in the page layout.

but in the meantime, here’s what i figured out in case it would help anyone else…
put the code block inside a “Color Section” (which is one of the layout blocks). this one, unlike the others, will put your custom class in the top-most wrapper.
so insert the color section, then go to the developer area & give it a custom class name (ex: custom-class-name).
then put your code block inside that.
then inside your code block, at the top before your <script> tag, put…

<style>
    .custom-class-name.avia-section {
        min-height: 0;
    }
    .custom-class-name .content {
        padding-top: 0;
        padding-bottom: 0;
    }
</style>
<script>
    ///your js code
</script>

…note, there should be NO space between “.custom-class-name.avia-section” but there SHOULD be a space between “.custom-class-name .content”

if anyone has a better solution… i’m all ears! :-)

@Rikard, thank you!

so, just to be clear – to make sure i completely understand…

when the pages load, & the functions.php file gets read, everything inside the function with “is_page(###)” gets skipped for all pages that are not that particular page, & so avoiding any performance hits that code may cause – right?

okay, so, i followed the above link to get the “if(is_page( 3739 ))” bit. is that correct? where do i find the number associated with the pages?

next, i followed the link provided there to https://kriesi.at/documentation/enfold/add-custom-js-or-php-script and find this code (& i added the “if is page” part)…

function my_custom_function(){
if(is_page( 3739 )){
    ?>
    <script>
        // Your function here
        jQuery(window).load(function(){
            console.log('Hello World!');
        });
    </script>
    <?php
}}
add_action('wp_footer', 'my_custom_function');

…if i’m adding my code to the main Functions.php file, then why is there the “add_action(‘wp_footer’)” part there? do i change that be ‘wp_functions’ or something?

also, where in the page load does the function.php parts come in – the head or foot?
if i need to add some external script references and some js form validation and some css for the form, would that be better put in the header.php file or the functions.php? it looks like, according to the linked doc page, that the same code is used for either file.

and lastly, later in that doc page it talks about needing to use “use strict” for custom js. i’m confused by this because i’ve seen other js code added to functions like this that do not use strict mode (like even in the examples before that one). what are the criteria for needing to use this strict part?

i also noticed inconsistencies with using “jQuery” vs the dollar symbol – is that simply interchangeable?

inside a function, between the closing ?> & rebeginning of <?php, is that just an open html area? so conceivably, i could do something like this…

function my_custom_function(){
if(is_page( 3739 )){
    ?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
<script>
         $(document).ready(function() {
	     $('form').each(function() {
		$(this).validate({
                   //etc//
                });
            });
       });
</script>

<style>
form {
/*css styles*/
}
</style>

    <?php
}}
add_action('wp_head', 'my_custom_function');

…or do i have to download the cdnjs file(s) & put them in my child theme/js folder & use this example from the doc page?…

function my_custom_scripts() {
    wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/js/my_custom.js',
        array( 'jquery' )
    );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );

…if so, then what does this “wp_enqueue_scripts” thing?

sorry, but as i got going, i realized that i’m still confused on the more detailed points.
thanks!

upon further research, it seems that this is a pretty widespread issue, & perhaps even intentional.
i found a workaround @ https://kriesi.at/support/topic/onclick-event-on-html-link-dissapears-on-save/
to basically use this as the link in the text block…

<a href="#" id="mailHidePop">on click link</a>

…and add a code block at the bottom of the page with this…

<script>
	(function($){
		$(window).load(function() {
			$("#mailHidePop").on('click', function() {
				popup = window.open('https://mailhide.io/e/xxxxxxx?compact=true','mailhidepopup','width=580,height=635');
				popup.focus();
				return false;
			})
		});
	})(jQuery);
</script>

…and that seems to be working fine.