Hi,

Thank you for the screenshot.

We edited the script in the functions.php file to enable cells to readjust when the browser size changes. Here is the updated code.

function grid_row_special_headings_and_text_blocks_equal_heights() { ?>
    <script>
    (function($){
        function resizeGridCells()
        {
            var width = $(window).width();
            if (width > 767) {
                $('.page-id-3083 .av-layout-grid-container').each(function(){  
                    var $specialHeading = $('.flex_cell .av-special-heading-tag',this);
                    var $textBlock = $('.flex_cell .av_textblock_section p',this);
                    var specialHeadingHeight = Math.max.apply(Math, $specialHeading.map(function(){
                        return $(this).height();
                    }).get());

                    var textBlockHeight = Math.max.apply(Math, $textBlock.map(function(){
                        return $(this).height();
                    }).get());

                    $specialHeading.height(specialHeadingHeight);
                    $textBlock.height(textBlockHeight);
                });
            } 
        }
    
        $(window).on('debouncedresize', function() {
            resizeGridCells();
        });

        resizeGridCells();
    })(jQuery);
  </script>
    <?php
  }
  add_action( 'wp_footer', 'grid_row_special_headings_and_text_blocks_equal_heights', 99 );

Best regards,
Ismael

Hey Francesco,
Thanks for your patience the file that the report seems to point to: /wp-content/themes/enfold/includes/helper-privacy.php
is for the theme cookie settings, but it doesn’t look like you are using the theme cookie settings on your site, it looks like you are using a third party cookie manager.
The cookie PHPSESSID is the default WordPress session cookie.
I would first recommend disabling all of your plugins including your third party cookie manager and check again.
In another thread the SiteGround support has said that the WPML plugin uses the WordPress PHPSESSID and this leads to the SiteGround cache to fail, so your third party cookie manager, or another plugin may also be doing the same on your site.
Since you are not using the Theme cookie settings the file above would not be loaded, but please check the settings at Enfold Theme Options ▸ Cookie Consent ▸ Cookie Consent Message to ensure that you have this disabled, perhaps you are using a combination of the two that I don’t know about.
I would also point out that in another thread the SiteGround support has said that the files at:
\enfold\config-layerslider\LayerSlider\assets\classes\class.ls.exportutil.php ▸ line 178
\enfold\framework\php\wordpress-importer\avia-export-class.php ▸ line 215
contain the line header(‘Pragma: no-cache’); and this also causes the SG cache to fail, but these files are only loaded in the backend when a admin exports the theme settings, so this would not be loaded on the frontend or be a part of a cache.
You can try to manually remove these line to see if this helps your situation.
If it does then perhaps the SG cache is adding backend files to the cache in error.
Another solution that one user found helpful was to add this code to the child theme functions.php, which is from this Stack Exchange solution to override the WordPress default PHPSESSID to solve issues with a Varnish server.

function varnish_safe_http_headers() {
    header( 'X-UA-Compatible: IE=edge,chrome=1' );
    session_cache_limiter('');
    header("Cache-Control: public, s-maxage=120");
  if( !session_id() )
  {
    session_start();
  }
}
add_action( 'send_headers', 'varnish_safe_http_headers' );

Hopefully one of these suggestions will help you, it’s kind of a hard issue because each SiteGround support tech points to a different cause, but they all seem to point to the WordPress default PHPSESSID breaking the SG cache.

Best regards,
Mike

Hi,
As I read their report he PHPSESSID cookie is defined by the wp-content/plugins/sitepress-multilingual-cms/
So I guess your SG cache is not campatable with the WPML plugin and you should disable it.
They say that they found a no-cache in the /wordpress-importer/avia-export-class.php but this is only used when you export the theme settings, these files are only loaded on the backend when you perform an export of the theme files. If you want to manually remove this from the theme you can by editing the files below, but the theme export feature may not work correctly and you will need to edit these files after each update. As it stands now SG says you won’t be able to use a cookie notification, or the WPML plugin and you will need to modify the export feature, in order to use their cache. Perhaps you should look into a cache plugin like WPRocket or WP Fastest Cache, neither of these have this issue with WPML or Enfold.

If you want to manually modify your files look for header(‘Pragma: no-cache’); in:
\enfold\config-layerslider\LayerSlider\assets\classes\class.ls.exportutil.php ▸ line 178
\enfold\framework\php\wordpress-importer\avia-export-class.php ▸ line 215

Best regards,
Mike

Hi,
The function that they posted:

function varnish_safe_http_headers() {
    header( 'X-UA-Compatible: IE=edge,chrome=1' );
    session_cache_limiter('');
    header("Cache-Control: public, s-maxage=120");
  if( !session_id() )
  {
    session_start();
  }
}
add_action( 'send_headers', 'varnish_safe_http_headers' );

is the function that you added from this post above.
Which is from this Stack Exchange solution to override the WordPress default PHPSESSID to solve issues with a Varnish server.

Best regards,
Mike

Hey ballindigital,
Thank you for the link to your site, when I check your page on my desktop the height of the elements are the same and so the buttons are lined up, but I believe that your screen size is smaller, so we need to set the height of the elements at certain screen sizes when the content length causes the text to wrap into a new line. I see you are using three grid rows with two cells each, and in each is a image, special heading, text block and a button. So we need to set the height for all special headings and text blocks to the same.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function grid_row_special_headings_and_text_blocks_equal_heights() { ?>
  <script>
(function($){
	var width = $(window).width();
  	if (width > 767) {
  $('.page-id-3083 .av-layout-grid-container').each(function(){  
     var $specialHeading = $('.flex_cell .av-special-heading-tag',this);
     var $textBlock = $('.flex_cell .av_textblock_section p',this);
     var specialHeadingHeight = Math.max.apply(Math, $specialHeading.map(function(){
         return $(this).height();
     }).get());
     var textBlockHeight = Math.max.apply(Math, $textBlock.map(function(){
         return $(this).height();
     }).get());
     $specialHeading.height(specialHeadingHeight);
     $textBlock.height(textBlockHeight);
  });
} else {}
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'grid_row_special_headings_and_text_blocks_equal_heights', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:

then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:

then update the popup script in your child theme functions.php to this:

function magnific_popup_with_no_scroll_and_button() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
	$('.open-popup-button a').addClass('open-popup-link');
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

then you can use both text links and buttons for your popup like in the example:

Best regards,
Mike

Hey Jody,

Thank you for the inquiry.

You can use the following css code to adjust the style of the placeholder text.

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #909;
}

And to change the placeholder text itself, add this code in the functions.php file.

/* AJAX SEARCH */
if ( ! function_exists( 'avia_append_search_nav_mod' ) ) {
    //first append search item to main menu
    remove_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 9997, 2 );
    remove_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 9997, 2 );
    add_filter( 'wp_nav_menu_items', 'avia_append_search_nav_mod', 9997, 2 );
    add_filter( 'avf_fallback_menu_items', 'avia_append_search_nav_mod', 9997, 2 );

    /**
     *
     *
     * @param string $items
     * @param array $args
     * @return string
     */
    function avia_append_search_nav_mod ( $items, $args )
    {
        if ( avia_get_option( 'header_searchicon', 'header_searchicon' ) != 'header_searchicon' ) {
            return $items;
        }

        if ( avia_get_option( 'header_position', 'header_top' ) != 'header_top' ) {
            return $items;
        }

        if ( ( is_object( $args ) && $args->theme_location == 'avia') || ( is_string( $args ) && $args = 'fallback_menu' ) ) {
            ob_start();
            get_search_form();
            $form = ob_get_clean();

            $form = str_replace( '<form ', '<form role="search" ', $form );
            $form = htmlspecialchars( $form );

            /**
             * Avoid duplicate indexing or empty search page
             *
             * @since 4.5.3
             * @param string $items
             * @param array $args
             * @return string
             */
            $nofollow = apply_filters( 'avf_nav_search_icon_nofollow', 'rel="nofollow"', $items, $args );

            $aria_label = __( 'Search', 'avia_framework' );
            $aria_label = apply_filters( 'avf_nav_search_aria_label', $aria_label, $items, $args );

            $items .=	'
 	<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem">';
            $items .=		'<a aria-label="' . $aria_label . '" href="?s=" '. $nofollow . ' data-avia-search-tooltip="' . $form . '" ' . av_icon_string( 'search', false ) . '>';
            $items .=			'<span class="avia_hidden_link_text">' . __( 'ADJUST THIS TEXT', 'avia_framework' ) . '</span>';
            $items .=		'</a>';
            $items .=	'</li>
';
        }

        return $items;
    }
}

Replace “ADJUST THIS TEXT” with your own text.

Best regards,
Ismael

Hi,

Great, I’m glad that @guenni007 could help you out. The calculation basically says that the max height should be the height of the browser minus 20px. https://www.w3schools.com/cssref/css_units.php

Best regards,
Rikard

Hi,
The code Ismael posted above worked for me changing the backend “portfolio” labels to “sites” after I adjusted it some:

add_action('after_setup_theme', function() {
	remove_action('init', 'portfolio_register');
});

add_action('init', 'portfolio_register_mod');
function portfolio_register_mod()
{
	global $avia_config;

	$labels = array(
		'name' => _x('sites', 'post type general name','avia_framework'),
		'singular_name' => _x('sites', 'post type singular name','avia_framework'),
		'add_new' => _x('Add New', 'sites','avia_framework'),
		'add_new_item' => __('Add New Sites Entry','avia_framework'),
		'edit_item' => __('Edit Sites Entry','avia_framework'),
		'new_item' => __('New Sites Entry','avia_framework'),
		'view_item' => __('View Sites Entry','avia_framework'),
		'search_items' => __('Search Sites Entries','avia_framework'),
		'not_found' =>  __('No Sites Entries found','avia_framework'),
		'not_found_in_trash' => __('No Sites Entries found in Trash','avia_framework'),
		'parent_item_colon' => ''
	);

    $permalinks = get_option('avia_permalink_settings');
    if(!$permalinks) $permalinks = array();

    $permalinks['portfolio_permalink_base'] = empty($permalinks['portfolio_permalink_base']) ? __('sites', 'avia_framework') : $permalinks['portfolio_permalink_base'];
    $permalinks['portfolio_entries_taxonomy_base'] = empty($permalinks['portfolio_entries_taxonomy_base']) ? __('sites_entries', 'avia_framework') : $permalinks['portfolio_entries_taxonomy_base'];

	$args = array(
		'labels' => $labels,
		'public' => true,
		'show_ui' => true,
		'capability_type' => 'post',
		'hierarchical' => false,
		'rewrite' => array('slug'=>_x($permalinks['portfolio_permalink_base'],'URL slug','avia_framework'), 'with_front'=>true),
		'query_var' => true,
		'show_in_nav_menus'=> true,
		'taxonomies' => array('post_tag'),
		'supports' => array('title','thumbnail','excerpt','editor','comments')
	);

	$args = apply_filters('avf_portfolio_cpt_args', $args);
	$avia_config['custom_post']['portfolio']['args'] = $args;

	register_post_type( 'portfolio' , $args );

	$tax_args = array(
		"hierarchical" => true,
		"label" => "Sites Categories",
		"singular_label" => "Sites Category",
		"rewrite" => array('slug'=>_x($permalinks['portfolio_entries_taxonomy_base'],'URL slug','avia_framework'), 'with_front'=>true),
		"query_var" => true
	);

 	$avia_config['custom_taxonomy']['portfolio']['portfolio_entries']['args'] = $tax_args;

	register_taxonomy("portfolio_entries", array("portfolio"), $tax_args);

	//deactivate the avia_flush_rewrites() function - not required because we rely on the default wordpress permalink settings
	remove_action('wp_loaded', 'avia_flush_rewrites');
}

but to change the permalinks from ‘portfolio-items’ to ‘sites’ you will need to adjust the permalink field and then resave the permalinks:

then the database will be updated:

You will need to do this because you can not overwrite the register-portfolio.php file in the child theme and the original file still add the portfolio function, otherwise you will have your new CPT and the portfolio CPT both showing in the permalinks options.
Or you can try laptophobo’s plugin option.

Best regards,
Mike

Hey MikeTandySwag,
Thanks for the mockup, I recommend using the Masonry Element with the Display Title and Excerpt and Display as centered overlay (overlays the image) selected:

then under styling choose a Large Gap and Perfect Grid:

Then under the Advanced tab ▸ Developer Settigs add the custom class custom-masonry-with-button, note that you do not add the class dot:

For my example I choose to use two columns and only show four posts.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.custom-masonry-with-button .av-masonry-date {
	display: none;
}
#top .custom-masonry-with-button.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos {
    vertical-align: bottom;
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_masonry_loop_prepare','avia_change_default_link', 10, 2);
function avia_change_default_link($loop, $entries)
{
	foreach($entries->posts as $key => $entry)
    {
        if($entry->post_type == "post")
        {
            $more 	 		 =  "<br /><span class='custom-masonry-more-button avia-button avia-size-x-large avia-position-center avia-color-light'>".__('Read more','avia_framework')."</span>";
			$loop['content'] =   avia_backend_truncate($entry->post_content, apply_filters( 'avf_masonry_excerpt_length' , 0) , apply_filters( 'avf_masonry_excerpt_delimiter' , ""), "", true, '') . $more;
        }
    }

    return $loop;
}

If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets, for this code you would choose the PHP snippet:

This is the expected results:

Please give this a try.

Best regards,
Mike

Hi,

Thank you for the update.

PHP Warning: Use of undefined constant \xe2\x80\x98ALTERNATE_WP_CRON\xe2\x80\x99

We didn’t find any errors related to the theme. Most of the fatal errors are from the plugin bwp-recaptcha. The constant ALTERNATE_WP_CRON is also not generated by the theme, so this was probably added to the wp-config.php file manually.

This is the fatal error generated by the bwp-recaptcha plugin.

mod_fcgid: stderr: thrown in /var/www/vhosts/doshacen1.com.mx/httpsdocs/wp-content/plugins/bwp-recaptcha/bwp-recaptcha.php on line 40

You may need to contact the plugin developers for more info.

Best regards,
Ismael

Hey Monique,

Thank you for the inquiry.

Please temporarily edit the enfold/config-templatebuilder/avia-template-builder/php/class-element-templates.php and remove this code around line 672.

			$duplicate  = '<a href="' . $notify_url . '" aria-label="' . esc_attr__( 'Make a duplicate from this element template', 'avia_framework' ) . '" rel="permalink">';
			$duplicate .=		esc_html__( 'Duplicate', 'avia_framework' );
			$duplicate .= '</a>';

			$actions['duplicate'] = $duplicate;

Let us know if this removes the Duplicate button.

Best regards,
Ismael

Hi,
Typically when you add a new social profile following the documentation this is the correct code snippet that you should add to your child theme functions.php:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['line'] = array( 'font' =>'icomoon', 'icon' => 'ue900');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Line'] = 'line';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
// Add new icon to sharebox
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $tiktok = array('line' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://line.me/", 'label' => __("Share on Line",'avia_framework')));
    $args = array_merge($line, $args);
    return $args;
}

and then you would choose the new social profile from the options”

and then it will show on the front end:

I have done this for you.

Best regards,
Mike

Hi,
That is strange… I see that you are using a plugin called Co-Authors Plus with the description:
Allows multiple authors to be assigned to a post.

This plugin is what allows you to add co-authors to posts.
We are limited to support for third-party plugins, but I tested this plugin on my test site and tested a code snippet that the plugin recommends to show all authors:

add_filter( 'the_author_posts_link', function( $markup ) {
	if ( ! function_exists( 'coauthors_posts_links' ) ) {
		return $markup;
	}

	ob_start();
	coauthors_posts_links();
	$output = ob_get_contents();
	ob_end_clean();
	return $output;
} );

And it changed the default single author name and link to show the co-author also:

If you are not going to use a child theme on your site, I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets for your customizations.
Try adding the above snippet in a new WP Code snippet and ensure that you use the PHP Snippet option:

Best regards,
Mike