Page 6 – Support | Kriesi.at – Premium WordPress Themes

Hi Victoria,

I know, this was just a test in order to see if is_front_page() is working :)
I dont think so we use a custom header.php. I think the custom header.php was created during another version.
Child theme version:

<?php
	global $avia_config;

	$style 		= $avia_config['box_class'];
	$responsive	= avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout";
	$blank 		= isset($avia_config['template']) ? $avia_config['template'] : "";	
	$av_lightbox= avia_get_option('lightbox_active') != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox';
	$preloader	= avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';
	$sidebar_styling = avia_get_option('sidebar_styling');

	
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="<?php echo " html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".avia_header_class_string();?> ">
<head>
<meta name="format-detection" content="telephone=no">
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<!-- page title, displayed in your browser bar -->
<title><?php if(function_exists('avia_set_title_tag')) { echo avia_set_title_tag(); } ?></title>

<?php
/*
 * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
 * located in framework/php/function-set-avia-frontend.php
 */
 if (function_exists('avia_set_follow')) { echo avia_set_follow(); }

 /*
 * outputs a favicon if defined
 */
 if (function_exists('avia_favicon'))    { echo avia_favicon(avia_get_option('favicon')); }
?>

<!-- mobile setting -->
<?php

if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">';
?>

<!-- Scripts/CSS and wp_head hook -->
<?php
/* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

wp_head();

?>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1d1d1b">
<meta name="msapplication-TileColor" content="#1d1d1b">
<meta name="theme-color" content="#1d1d1b">
</head>

<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>>
	<?php 
		
	if("av-preloader-active av-preloader-enabled" === $preloader)
	{
		echo avia_preload_screen(); 
	}
		
	?>

	<div id='wrap_all'>

	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'main-menu' );

	} ?>
		
	<div id='main' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

	<?php 
		
		if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
		do_action('ava_after_main_container'); 
		
	?>
	
	<?php
		if ( is_page('Museen') ) {
			dynamic_sidebar( 'museen-sidebar' );
		}
	?>

Parent theme version:

<?php
	if ( ! defined('ABSPATH') ){ die(); }
	
	global $avia_config;
	
	$lightbox_option = avia_get_option( 'lightbox_active' );
	$avia_config['use_standard_lightbox'] = empty( $lightbox_option ) || ( 'lightbox_active' == $lightbox_option ) ? 'lightbox_active' : 'disabled';

	/**
	 * Allow to overwrite the option setting for using the standard lightbox
	 * Make sure to return 'disabled' to deactivate the standard lightbox - all checks are done against this string
	 * 
	 * @added_by Günter
	 * @since 4.2.6
	 * @param string $use_standard_lightbox				'lightbox_active' | 'disabled'
	 * @return string									'lightbox_active' | 'disabled'
	 */
	$avia_config['use_standard_lightbox'] = apply_filters( 'avf_use_standard_lightbox', $avia_config['use_standard_lightbox'] );

	$style 					= $avia_config['box_class'];
	$responsive				= avia_get_option( 'responsive_active' ) != 'disabled' ? 'responsive' : 'fixed_layout';
	$blank 					= isset( $avia_config['template'] ) ? $avia_config['template'] : '';	
	$av_lightbox			= $avia_config['use_standard_lightbox'] != 'disabled' ? 'av-default-lightbox' : 'av-custom-lightbox';
	$preloader				= avia_get_option( 'preloader' ) == 'preloader' ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';
	$sidebar_styling 		= avia_get_option( 'sidebar_styling' );
	$filterable_classes 	= avia_header_class_filter( avia_header_class_string() );
	$av_classes_manually	= 'av-no-preview'; /*required for live previews*/
	
	/**
	 * If title attribute is missing for an image default lightbox displays the alt attribute
	 * 
	 * @since 4.7.6.2
	 * @param bool
	 * @return false|mixed			anything except false will activate this feature
	 */
	$mfp_alt_text = false !== apply_filters( 'avf_lightbox_show_alt_text', false ) ? 'avia-mfp-show-alt-text' : '';

	/**
	 * Allows to alter default settings Enfold-> Main Menu -> General -> Menu Items for Desktop
	 * @since 4.4.2
	 */
	$is_burger_menu = apply_filters( 'avf_burger_menu_active', avia_is_burger_menu(), 'header' );
	$av_classes_manually   .= $is_burger_menu ? ' html_burger_menu_active' : ' html_text_menu_active';

	/**
	 * Add additional custom body classes
	 * e.g. to disable default image hover effect add av-disable-avia-hover-effect
	 * 
	 * @since 4.4.2
	 */
	$custom_body_classes = apply_filters( 'avf_custom_body_classes', '' );

	/**
	 * @since 4.2.3 we support columns in rtl order (before they were ltr only). To be backward comp. with old sites use this filter.
	 */
	$rtl_support = 'yes' == apply_filters( 'avf_rtl_column_support', 'yes' ) ? ' rtl_columns ' : '';
	
	
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="<?php echo "html_{$style} {$responsive} {$preloader} {$av_lightbox} {$filterable_classes} {$av_classes_manually}" ?> ">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<?php

/*
 * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
 * located in framework/php/function-set-avia-frontend.php
 */
 if( function_exists( 'avia_set_follow' ) ) 
 { 
	 echo avia_set_follow();
 }

?>

<!-- mobile setting -->
<?php

$meta_viewport = ( strpos( $responsive, 'responsive' ) !== false ) ?  '<meta name="viewport" content="width=device-width, initial-scale=1">' : '';

/**
 * @since 4.7.6.4
 * @param string
 * @return string
 */
echo apply_filters( 'avf_header_meta_viewport', $meta_viewport );

?>

<!-- Scripts/CSS and wp_head hook -->
<?php
/* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

wp_head();

?>

</head>

<body id="top" <?php body_class( $custom_body_classes . ' ' . $mfp_alt_text .' ' . $rtl_support . $style . ' ' . $avia_config['font_stack'] . ' ' . $blank . ' ' . $sidebar_styling); avia_markup_helper( array( 'context' => 'body' ) ); ?>>

	<?php 
	
	/**
	 * WP 5.2 add a new function - stay backwards compatible with older WP versions and support plugins that use this hook
	 * https://make.wordpress.org/themes/2019/03/29/addition-of-new-wp_body_open-hook/
	 * 
	 * @since 4.5.6
	 */
	if( function_exists( 'wp_body_open' ) )
	{
		wp_body_open();
	}
	else
	{
		do_action( 'wp_body_open' );
	}
	
	do_action( 'ava_after_body_opening_tag' );
		
	if( 'av-preloader-active av-preloader-enabled' === $preloader )
	{
		echo avia_preload_screen(); 
	}
		
	?>

	<div id='wrap_all'>

	<?php 
	if( ! $blank ) //blank templates dont display header nor footer
	{ 
		//fetch the template file that holds the main menu, located in includes/helper-menu-main.php
		get_template_part( 'includes/helper', 'main-menu' );

	} ?>
		
	<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting( 'header_scroll_offset' ); ?>'>

	<?php 
		
		if( isset( $avia_config['temp_logo_container'] ) ) 
		{
			echo $avia_config['temp_logo_container'];
		}
		
		do_action( 'ava_after_main_container' );

February 8, 2021 at 1:09 pm #1278638

In reply to: Remove featured image from blog pages

Mike

Hi,
#1: we do have this filter to set the “single-small” layout:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

but before trying this please note that the different blog layouts display this differently, ie: business, elegant, & modern business:

also try the page with a sidebar, I believe there is one layout that only shows with a sidebar, it was either the small image above the title or beside it, I don’t remember right now.
so first try these settings as the image may show just by changing this, otherwise try the filter and then test these again.
If this doesn’t help, please include an admin login in the private content area so I can try some different settings and filters.
#2: to remove the author please try this css:

.blog .text-sep.text-sep-cat,.blog .blog-author.minor-meta {
	display: none;
}

to remove only the “phoenix Diver” author, if there was multiple authors, first add this code to the end of your functions.php file in Appearance > Editor:

function custom_admin_author_script() { ?>
    <script>
(function($){
  $('.blog .post-entry').each(function() {
  $(this).find('.author > span > a').each(function(){
  	$('[href*="phoenix-divers"]').parentsUntil( ".entry-content-header" ).addClass('admin');
  });
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_admin_author_script');

then add this css:

.blog .post-meta-infos.admin .text-sep.text-sep-cat,
.blog .blog-author.minor-meta.admin {
	display: none;
}

this removes the author and the backslash before it.

Best regards,
Mike

January 29, 2021 at 12:43 am #1276196

In reply to: How to add a custom field to the blog posts

connect4consulting

This reply has been marked as private.

January 20, 2021 at 12:21 am #1273856

In reply to: Place icon inside hotspot

same shit different selector ;)
again custom class at “image with hotspots” element: insert-logo

try:

function insert_logo_to_tooltip_of_image_hotspot() { 
?>
<script type="text/javascript">
(function($) {
	$('.insert-logo .av-image-hotspot').each( function() {
		var tooltipContent =  $(this).data('avia-tooltip');
		$(this).data('avia-tooltip', tooltipContent+' <p class="tooltip-logo"><img class="aligncenter" src="/wp-content/uploads/logo.png" alt="YourLogo" width="40" height="40" /></p>');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_logo_to_tooltip_of_image_hotspot');

you can shift that little logo by that class added via that script

.tooltip-logo {
    width: 30px;
    display: inline-grid;
    height: 30px;
    margin: -20px 0 0;
}

Edit: these are added on closed tooltips by opening via hover. I had to look what we need for always opened tooltips.
: the same but styling is better via quick css – see above.

btw. the fallback “toolttips” : it is better inserted via css f.e.

.av-hotspot-fallback-tooltip-inner p {
  text-align: left !important;
  padding-left: 40px;
  float: left;
}

.av-hotspot-fallback-tooltip-inner p::before {
  content: "";
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-image: url(/wp-content/uploads/logo.png);
  background-size: 30px;
  position: absolute;
  background-repeat: no-repeat;
  margin: 0 50px 0 10px;
  float: left;
}

if your logos had to be on the right side when fallback is shown set f.e: left to auto and right:0

This reply was modified 4 years, 3 months ago by Guenni007.

December 17, 2020 at 1:23 pm #1268108

In reply to: Adding button to mute/unmute audio on fullscreen background video

necessary66

Hello,

Thanks for this amazing theme!

I have some troubles to make this solution work.
I followed all the beginning of this forum but the sound mute/unmute button is not working under safari on Mac or iPad.

Second question, (sorry for my English but I wanted to be sure…
It’s not possible to make a video background autoplay direct with sound (the user can mute with the button.)

Here is the code added in function.php:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
	?>
		<script type="text/javascript">
	(function($) {	
		$('.avia_video').on('av-mediajs-loaded', function() {
			$('.av-section-color-overlay-wrap').prepend('<div class="custom-mute"></div>');
			var video = $(this).mediaelementplayer();
			video[0].setMuted(true);
			$('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() {
				if(video[0].muted === true) {
					video[0].setMuted(false);
					video[0].setVolume(0.8);
				} else {
					video[0].setMuted(true);
				}		
			});
		});
		
		$('.av-section-color-overlay-wrap').on('click', '.custom-mute', function() {
			$(this).toggleClass("icon-sound-on");
		});
	})(jQuery);
	</script>
	<?php
}

Here is my CSS:

.custom-mute {
	display: block;
	background-image: url('/wp-content/uploads/mute.png');
	background-size: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.custom-mute:hover {
	opacity: 0.5;
}
.icon-sound-on {
	background-image: url('/wp-content/uploads/unmute.png');
}
@media only screen and (max-width: 1290px) {
.custom-mute {
	right: 1%;
        bottom: 1%;
}
}
@media only screen and (max-width: 767px) {
.custom-mute {
	display: none;
}
}

Thanks a lot!
Aryan

November 26, 2020 at 3:16 pm #1263277

In reply to: Main Menu sublevel drop downs font change

steve_levinson

https://search.google.com/test/mobile-friendly?hl=en&id=W6PDEzmbBDCdEWtptTKC-Q

Rikard,

I wanted to send a screen shot but not aware of how. I ran a speed test. But used a tool to locate the h1 I believe I see. Tell me please what you see?

<!DOCTYPE html>
<html lang=”en-GB” class=”html_stretched responsive av-preloader-enabled av-default-lightbox html_header_top html_logo_left html_main_nav_header html_menu_right html_custom html_header_sticky_disabled html_header_shrinking_disabled html_header_topbar_active html_mobile_menu_phone html_header_searchicon_disabled html_content_align_center html_header_unstick_top html_header_stretch_disabled html_minimal_header html_elegant-blog html_av-overlay-side html_av-overlay-side-classic html_av-submenu-clone html_entry_id_5477 av-cookies-consent-show-message-bar av-cookies-cookie-consent-enabled av-cookies-can-opt-out av-cookies-user-silent-accept avia-cookie-check-browser-settings av-no-preview html_text_menu_active avia_mobile js_active avia_transform avia_transform3d avia_transform avia_transform3d avia-webkit avia-webkit-85 avia-chrome avia-chrome-85″><head> <!– mobile setting –><meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <!– Scripts/CSS and wp_head hook –> <!– Optimized by SG Optimizer plugin version – 5.7.6 –> <!– This site is optimized with the Yoast SEO plugin v15.3 – https://yoast.com/wordpress/plugins/seo/ –><title>Holistic Coaching Mateja Petje Psychotherapist trauma</title><link rel=”preload” as=”font” href=”https://naturalstressmanagement.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2″ crossorigin=”” /><link rel=”preload” as=”font” href=”https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2″ crossorigin=”” /><link rel=”preload” as=”font” href=”https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXiWtFCc.woff2″ crossorigin=”” /><link rel=”preload” as=”font” href=”https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2″ crossorigin=”” /><link rel=”preload” as=”font” href=”https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2″ crossorigin=”” /><link rel=”stylesheet” id=”siteground-optimizer-combined-css-ed0831fe16bd10daf96048af36f04bcb” href=”https://naturalstressmanagement.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-ed0831fe16bd10daf96048af36f04bcb.css” media=”all” /><meta name=”description” content=”Holistic Coaching Mateja Petje Psychotherapist trauma Stress Management Coach PTSD Anxiety Depression Telemedicine EFT videosession therapy” /><meta name=”robots” content=”index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1″ /><link rel=”canonical” href=”https://naturalstressmanagement.com/” /><meta property=”og:locale” content=”en_GB” /><meta property=”og:type” content=”website” /><meta property=”og:title” content=”Holistic Coaching Mateja Petje Psychotherapist trauma” /><meta property=”og:description” content=”Holistic Coaching International Mateja Petje Holistic Psychotherapist Stress Management Coach PTSD Trauma Anxiety Depression Depressed Tapping Reiki EFT” /><meta property=”og:url” content=”https://naturalstressmanagement.com/” /><meta property=”og:site_name” content=”HOLISTIC COACHING INTERNATIONAL” /><meta property=”article:publisher” content=”https://www.facebook.com/holisticcoachinginternational/” /><meta property=”article:modified_time” content=”2020-11-24T10:24:56+00:00″ /><meta property=”og:image” content=”https://naturalstressmanagement.com/wp-content/uploads/2019/01/Mateja-Petje-Reiki-Energy-Medicine-EFT-Spiritual-Counseling-Holistic-Coaching-International-Stress-Management-Coach-PTSD-Trauma-Life-Coach-Anxiety-Tapping-natural-stress-management-for-web.jpg” /><meta property=”og:image:width” content=”346″ /><meta property=”og:image:height” content=”497″ /><meta property=”fb:app_id” content=”https://www.facebook.com/holisticcoachinginternational/” /><meta name=”twitter:card” content=”summary_large_image” /><meta name=”twitter:description” content=”Holistic Coaching International Mateja Petje Holistic Psychotherapist Stress Management Coach PTSD Trauma Anxiety Depression Depressed Tapping Reiki EFT” /><meta name=”twitter:image” content=”https://naturalstressmanagement.com/wp-content/uploads/2019/01/Mateja-Petje-Reiki-Energy-Medicine-EFT-Spiritual-Counseling-Holistic-Coaching-International-Stress-Management-Coach-PTSD-Trauma-Life-Coach-Anxiety-Tapping-natural-stress-management-for-web.jpg” /><meta name=”twitter:creator” content=”@MatejaPetjeLMFT” /><meta name=”twitter:site” content=”@MatejaPetjeLMFT” /><meta name=”twitter:label1″ content=”Written by” /><meta name=”twitter:data1″ content=”Steve” /><meta name=”twitter:label2″ content=”Estimated reading time” /><meta name=”twitter:data2″ content=”16 minutes” /> <script async=”” src=”//www.gstatic.com/call-tracking/call-tracking_2.js” nonce=”null”></script><script type=”text/javascript” async=”” src=”https://www.gstatic.com/wcm/loader.js”></script><script type=”text/javascript” async=”” src=”https://www.googleadservices.com/pagead/conversion_async.js”></script><script async=”” src=”//www.google-analytics.com/analytics.js”></script><script type=”application/ld+json” class=”yoast-schema-graph”>{“@context”:”https://schema.org”,”@graph”:[{“@type”:”Organization”,”@id”:”https://naturalstressmanagement.com/#organization”,”name”:”Holistic Coaching International”,”url”:”https://naturalstressmanagement.com/”,”sameAs”:[“https://www.facebook.com/holisticcoachinginternational/”,”https://www.instagram.com/holisticpsychotherapistmateja/?hl=en”,”https://www.linkedin.com/in/matejapetjelmft”,”https://www.youtube.com/channel/UC77jRIj_oM4GEiqd8ympfGw”,”https://www.pinterest.com/mpetje/”,”https://twitter.com/MatejaPetjeLMFT”%5D,”logo”:{“@type”:”ImageObject”,”@id”:”https://naturalstressmanagement.com/#logo”,”inLanguage”:”en-GB”,”url”:”https://naturalstressmanagement.com/wp-content/uploads/2018/10/holistic-coaching-international-holistic-psychotherapist-logo.png”,”width”:120,”height”:120,”caption”:”Holistic Coaching International”},”image”:{“@id”:”https://naturalstressmanagement.com/#logo”}},{“@type”:”WebSite”,”@id”:”https://naturalstressmanagement.com/#website”,”url”:”https://naturalstressmanagement.com/”,”name”:”HOLISTIC COACHING INTERNATIONAL”,”description”:”<h1><strong>Holistic Coaching International Mateja Petje Holistic Psychotherapist</1> “,”publisher”:{“@id”:”https://naturalstressmanagement.com/#organization”},”potentialAction”:[{“@type”:”SearchAction”,”target”:”https://naturalstressmanagement.com/?s={search_term_string}”,”query-input”:”required name=search_term_string”}],”inLanguage”:”en-GB”},{“@type”:”ImageObject”,”@id”:”https://naturalstressmanagement.com/#primaryimage”,”inLanguage”:”en-GB”,”url”:”https://naturalstressmanagement.com/wp-content/uploads/2019/01/Mateja-Petje-Reiki-Energy-Medicine-EFT-Spiritual-Counseling-Holistic-Coaching-International-Stress-Management-Coach-PTSD-Trauma-Life-Coach-Anxiety-Tapping-natural-stress-management-for-web.jpg”,”width”:346,”height”:497,”caption”:”Mateja Petje Holistic Psychotherapist Stress Management Coach PTSD Trauma Anxiety Depression Depressed Tapping Reiki EFT”},{“@type”:”WebPage”,”@id”:”https://naturalstressmanagement.com/#webpage”,”url”:”https://naturalstressmanagement.com/”,”name”:”Holistic Coaching Mateja Petje Psychotherapist trauma”,”isPartOf”:{“@id”:”https://naturalstressmanagement.com/#website”},”about”:{“@id”:”https://naturalstressmanagement.com/#organization”},”primaryImageOfPage”:{“@id”:”https://naturalstressmanagement.com/#primaryimage”},”datePublished”:”2020-11-05T03:51:53+00:00″,”dateModified”:”2020-11-24T10:24:56+00:00″,”description”:”Holistic Coaching Mateja Petje Psychotherapist trauma Stress Management Coach PTSD Anxiety Depression Telemedicine EFT

November 17, 2020 at 2:34 pm #1261007

Topic: setting a unique ccs code to an image element

in forum Enfold

rvga

Participant

Hello dear tech; people,
Not a developer and starting to get confused with the css blabla…

I’m just trying to set a 1px border to a picture ALB element in one of my pages.
In a post of the forum, I’ve grabbed that code that works just fine:

.avia-image-container
{
   border: 1px solid lightgray;
   padding: 15px;
   }

But when I inserted it on my quick css zone, it creates a border to all image all over the site.
Not what I want.
So I’ve been searching the forum and try to follow the help for custom ID attributes which if I understand well should give a border to only the element I want.
I’ve named my image element customID attribute: rv-cadre-image-portfolio wich is quite unique.
Then… I’ve tried every single possibilities to write the right quick css code but couldn’t manage to make it work.

Anyone please to help me finsihing and writting this damned little piece of code…. I will thank her/him for ever.

This topic was modified 4 years, 5 months ago by rvga. Reason: mispelling

November 12, 2020 at 12:24 pm #1260093

In reply to: Masonry Element Sizing

aicompcloud

That did it nearly. You’re right, working with the image element is much easier.

I added your css and placed new pictures as described but in my needed sizes. Screen width is 1600 and so my picture sizes are now 800×800 and 800×390.

But the bottom changes a bit when I change the sreen size in the dev tools. So at screen width between 880 and 950 it looks perfect. Am I’m going lower the right height is a bit more than on the left side. Am I’m going higher the right height is a bit lower than the hight of the left side. The bottom edge is walking.

I made 2 screenshots (see private content). It’s a bit frustating. I also tried to find out if there are still some auto margins inside an element. Found one in the avia image container, but that didn’t solve the problem.

I hope you still have an idea.

On top: Do you know how I can adress you custom css via a custom class? I already tried to place a custom class in your css and the columns, but that didn’t work. The best would be if I can extend the existing css code with your customisations. I already know how to place a custom css class, but I don’t know how it might work adressing your specific code.

Best regards

November 6, 2020 at 12:29 pm #1258841

In reply to: Advanced layout editor not showing

Nikko

Inactive Moderator

Hi Hans Chr.,

You can upload it in https://imgur.com/upload or in dropbox and post the link here (or in private content).
As for the Theme Editor, your wp-config file might have this code which disables it:

define( 'DISALLOW_FILE_EDIT', true );

As for the CSS code not working, it’s because the Custom CSS Class is wrong, I have changed to to mybutton (this is just a name to reference the button)
Then the actual CSS code should go in Enfold > General Styling > Quick CSS, which I have added:

.mybutton a {     
  background: #b4ddb4;
  background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
  background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); 
}

which worked.
Also, I found this code in Quick CSS which is invalid (this should be added in functions.php), I have removed this:

function avia_custom_css_code(){
?>
<style>
#top #footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
}
</style>
<?php
}
add_action('wp_head', 'avia_custom_css_code');

Best regards,
Nikko

November 5, 2020 at 12:08 pm #1258575

In reply to: Advanced layout editor not showing

hcpost

Hi Nikko,

I can send you a screen shot of my wife’s WP. From that you will be able see that she has the ‘Theme Editor’ under ‘Appearances’, which allows for her to add CSS. However, how do I attach an image here?

I don’t have the ‘Theme Editor’. Why not?

In addition: I want to change the look of my buttons. It worked when I added this CSS directly to the buttons:

.your-custom-class a.avia-button {
background: #7db9e8;
background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #1e5799 100%);
background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 50%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#7db9e8′, endColorstr=’#1e5799′,GradientType=0 );
}

However, when I add the same CSS with a different color, the color doesn’t change. Why is this? I for instance add this CSS to a different button, but the color doesn’t change:

.your-custom-class a.avia-button {
background: #b4ddb4;
background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%);
background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#b4ddb4′, endColorstr=’#002400′,GradientType=0 );
}

Best, Hans Chr.

November 5, 2020 at 11:26 am #1258557

Topic: Show search results product as the shop overview (3.0.0) with thumbnails + price

in forum Enfold

manyfloor

Participant

Hi guys,

Open this ticket just to bring a solution I found to show search results products as the shop overview 3.0.0 (with the thumbnails, the first gallery image switch and the price).

Look to find the loop-search.php in enfold/includes, make a copy of it and upload an edited version to your child-theme subfolder includes (commonly it is : enfold-child/includes).

Then look the line 33 :

echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

Replace it by :

 $searchimage = get_the_post_thumbnail( $the_id, 'shop_catalog' );
  $searchimagealt = avia_woocommerce_gallery_first_thumbnail( $the_id , 'shop_catalog' );
  echo "<div class='thumbs'><div class='thumbnail_container'>{$searchimagealt}{$searchimage}</div></div>";
  echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

And the line 52 :

echo "<{$heading} class='post-title entry-title {$css}'><a title='".the_title_attribute('echo=0')."' href='".get_permalink()."' $markup>".get_the_title()."</a></{$heading}>";

By :

if( get_post_type() === "product" )
                {
                    $product = wc_get_product( $the_id );
                    $price = $product->get_price();
                    $currencysymbol = get_woocommerce_currency_symbol();
                    $pricesuffix = $product->get_price_suffix();
                    
                    echo "<a href='".get_permalink()."'><div class='inner_product_search_table'><div class='inner_product_search_cell'><{$heading} class='post-title entry-title {$css}'>".get_the_title()."</{$heading}><span class='price'><span class='woocommerce-Price-amount amount'><bdi>{$price}<span class='woocommerce-Price-currencySymbol'>{$currencysymbol}</span></bdi></span>{$pricesuffix}</span></div></div></a>";
                }
                
                else
                {
                    echo "<a href='".get_permalink()."'><div class='inner_product_search_table'><div class='inner_product_search_cell'><{$heading} class='post-title entry-title {$css}'>".get_the_title()."</{$heading}></div></div></a>";
                }

Here is some css to customize the design (to adapt to your project) :

‘/*SEARCH*/

#top.search .template-search .post-entry {
margin: 0 1% 1% 0;
width: 32.6%;
float: left;
clear: none;
}

#top.search .template-search .post-entry:nth-of-type(3n) {
margin-right: 0;
}

#top.search .template-search .post-entry .search-result-counter, #top.search .template-search .post-entry .entry-content, #top.search .template-search .post-entry .post-meta-infos, #top.search .template-search .search_form_field .author-extra-border, #top.search .template-search .search_form_field h4 {
display: none;
}

#top.search .template-search .post-entry .image-overlay {
display: none !important;
}

#top.search .template-search .post-entry .inner_product_search_table {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.35);
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#top.search .template-search .post-entry .inner_product_search_cell {
position: relative;
top: 50%;
transform: translateY(-50%);
color: #fff;
text-align: center;
padding: 15px;
}

#top.search .template-search .post-entry > .entry-content-wrapper {
padding: 0;
}

/*#top.search .template-search .post-entry .entry-content-header > a {
display: inline !important;
}*/

#top.search .template-search .post-entry:hover .thumbnail_container > img.avia-product-hover {
opacity: 1;
filter: alpha(opacity=100);
}

#top.search .template-search .post-entry:hover {
cursor: pointer;
}

#top.search .template-search .post-entry:hover .inner_product_search_table {
opacity: 0;
}

/*#top.search .template-search .post-entry .avia-product-hover .thumbnail_container > img:first-child {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=00);
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
-webkit-backface-visibility: hidden;
}*/

#top.search .template-search .post-entry .post-title {
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 5px 0;
font-weight: normal;
}

#top.search .template-search .page-heading-container {
border: 0;
margin: 0;
padding: 0 0 20px;
}

#top.search .template-search .extra-mini-title {
margin: 0;
padding-bottom: 20px;
}

#top.search .template-search .search_form_field h4 + p {
margin-top: 0;
}

/*#top.search .template-search .post-entry .post-title a:hover {
text-decoration: none;
}*/’

I’ve also chosen to limit search results to products and posts (not pages) so I’ve add to my functions.php (child-theme) :

/*Filter search results by type (only post and product allows) excluding page*/
function wpb_add_cpt_search($query) {
  if ( !is_admin() && $query->is_main_query() ) {
    if ($query->is_search) {
      $query->set('post_type', array('product', 'post'));
    }
  }
}

Hope this will help you not loosing two days of your life :)

November 3, 2020 at 2:01 pm #1257992

In reply to: Can you help me create something similar to your scroll-top-link arrow?

Mike

Hi,
As I understand your request, you would like the “chat bot button” to only show after scroll when the “scroll top button” shows.
So in this case the “scroll top button” shows only when the class “avia_pop_class” is added, so we could watch the “scroll top button” and match classes like this:

function custom_script(){
  ?>
  <script>
(function($){
     $(document).one( 'scroll', function() {
  $('#scroll-top-link:first').clone().attr('href', '#3-col-intro').attr('title', 'Chat Bot').attr('id', 'chat-bot').insertAfter($('[id^=scroll-top-link]:last'));
    });
    $(document).scroll(function(){
    if ($('#scroll-top-link:first').hasClass('avia_pop_class')) {
  	$('#chat-bot').addClass('avia_pop_class');
    } else {
    	$('#chat-bot').removeClass('avia_pop_class');
    }
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

To try this script please ensure you remove the previous script first.
So for your css for this script you will want to include the class “avia_pop_class” like this:

#chat-bot.avia_pop_class:before {
  content: "" !important;
}
#chat-bot.avia_pop_class {
bottom: 150px;
width: 81px;
height: 81px;
background-size: 81px 81px;
background-image: url(https://static.wixstatic.com/media/f5aed6_0412643c07754b6f9791bf5d8a92e434~mv2.png/v1/fill/w_361,h_313,al_c,lg_1,q_85/HaveYourSay.webp);
  display: inline-block;
background-color: transparent;
position: fixed;
border-radius: 2px;
text-decoration: none;
text-align: center;
right: 50px;
z-index: 1030;
}

Best regards,
Mike

October 27, 2020 at 10:26 am #1255986

In reply to: Main menu's drop down menu

Sachs

This reply has been marked as private.

October 24, 2020 at 2:36 pm #1255419

Topic: wie Schatten an Artikelbox in Artikelliste, mit Avia´s Produktraster

in forum Enfold

Participant

Hallo,
wie lässt sich per CSS Code im Produktraster ein Schatten hinter der Artikelabbildung erzeugen?
(Shop Seite mit Avia > Plugin Ergänzungen > Produktraster > Benutzerdefinierte CSS-Klasse)

folgender Code dort eingetragen funktioniert nicht:
{box-shadow: 10px 10px 50px #B4B4B4;}

Enfold Einstellungen sind unter “Shop”:
Produktlayout auf Übersichtseiten = minimal ohne Rahmen
Produkt Galerie = Standard Enfold Galerie

transl.:
Hello,
How can a shadow behind the article image be created in the product grid using CSS code?
(Shop page with Avia> Plugin additions> Product grid> Custom CSS class)

the following code entered there does not work:
{box-shadow: 10px 10px 50px # B4B4B4;}

Enfold settings are under “Shop”:
Product layout on overview pages = minimally without frame
Product gallery = standard enfold gallery

October 21, 2020 at 11:04 am #1254607

In reply to: Color section: Fixed image – issues

Sachs

This reply has been marked as private.

October 12, 2020 at 12:29 am #1252128

In reply to: URGENT – Images not loading

Yigit

Keymaster

Hi,

Please change your code in Functions.php file to following one

<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/
function enqueue_parent_theme_style() {
      wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');

/* Proper way to enqueue styles and scripts
 */
function theme_name_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

function change_cf_from() {
    return " (Email address hidden if logged out) ";
}
add_filter('avf_form_from', 'change_cf_from', 10);

/* Activate Avia debug mode */
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}
add_filter('avf_title_args', 'avf_title_args_mod', 99, 2);
function avf_title_args_mod($args,$id)
{
     if ( $args['title'] == 'Calendar of Events' ) 
     {
        $args['title'] = 'Veranstaltungskalender';
     }
    return $args;
}
add_action('tribe_events_single_event_after_the_content', 'tribe_events_single_event_after_the_content_mod');
function tribe_events_single_event_after_the_content_mod() {
	echo "";
	echo do_shortcode("[av_social_share title='Teile diese Veranstaltung' style='' buttons='' custom_class='shareva']");
}
add_theme_support('avia_template_builder_custom_css');
add_filter( 'wc_gzd_revocation_admin_mail', 'my_child_set_revocation_admin_mail', 10, 1 );
function my_child_set_revocation_admin_mail( $mail ) {
   return  (Email address hidden if logged out) ';
}
   add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
function fix_single_post_title($args,$id)
{
if (is_single)
{
$args['title'] = get_the_title($id);
$args['link'] = get_permalink($id);
$args['heading'] = 'h1';
}

return $args;
}
/* Code zum Loeschen von Veranstaltungen 
$allposts= get_posts( array('post_type'=>'tribe_events','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }
	
	 $allposts= get_posts( array('post_type'=>'tribe_organizer','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }
	
	 $allposts= get_posts( array('post_type'=>'tribe_venue','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }    */

If that does not help, please go to Enfold theme options > Performance tab and toggle “Responsive Images” option and check if that helps.
As Nikko mentioned, certain image sizes are loading fine but certain are not loading so I believe it might be related to responsive images setting.

Best regards,
Yigit

September 24, 2020 at 3:41 pm #1248201

In reply to: URGENT – Images not loading

MarcusJeroch

Sorry, but no. Specially not because you once created quite a bit of trouble with another clients website.

You have all you need to solve the issue and i will provide you with any information you need
This is the content of the page:

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-c57e0']
[av_textblock size='' font_color='' color='' av_uid='av-bk8g8']
<div><img id="titleimage" class=" alignright" src="https://marcusjeroch.de/wp-content/uploads/2015/06/galerie.png" alt="" width="170px" /></div>
[/av_textblock]

[av_heading tag='h3' padding='10' heading='SCHÖNER DENKEN 1' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-b2ajg'][/av_heading]

[av_masonry_gallery ids='642,644,4746,4743,4742,4760,4763,4794' items='24' columns='flexible' paginate='pagination' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-a7gfk']
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-9txs4']

[av_heading tag='h3' padding='10' heading='SCHÖNER DENKEN 2' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-92c3w'][/av_heading]

[av_image src='https://marcusjeroch.de/wp-content/uploads/schoener-denken.jpg' attachment='5352' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class='' admin_preview_bg='' av_uid='av-8sta8'][/av_image]

[/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-7xxxw']

[av_heading heading='SCHÖNER DENKEN 3' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' custom_class='' admin_preview_bg='' av_uid='av-7mjlo'][/av_heading]

[av_masonry_gallery ids='5675,5674,5673,5672,5671,5670,5669,5668,5667,5666,5665,5664' items='24' columns='4' paginate='none' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='on-hover' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-700ss']

[/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-66un8']

[av_heading tag='h3' padding='10' heading='SEH QUENZEN' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-5t1t4'][/av_heading]

[av_masonry_gallery ids='348,346,355,349,351,383,353,667,354,352' items='24' columns='4' paginate='load_more' size='flex' gap='large' overlay_fx='' caption_elements='none' caption_display='on-hover' container_links='active' id='' av_uid='av-4umx4']

[/av_section][av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-4hvco']
[av_heading tag='h3' padding='10' heading='ALLGEMEIN' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-3msws'][/av_heading]

[av_masonry_gallery ids='658,372,371,373,661' items='24' columns='3' paginate='pagination' size='flex' gap='large' overlay_fx='' caption_elements='none' caption_display='always' container_links='active' id='' av_uid='av-bp6g']
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' custom_class='' av_uid='av-2khfo']
[av_heading tag='h3' padding='10' heading='ICH UND MEIN ANDERES' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-204y8'][/av_heading]

[av_masonry_gallery ids='391,390,388' items='24' columns='3' paginate='pagination' size='flex' orientation='' gap='large' overlay_fx='' container_links='active' id='' caption_elements='none' caption_styling='' caption_display='always' color='' custom_bg='' av-medium-columns='' av-small-columns='' av-mini-columns='' custom_class='' av_uid='av-1m1p4']
[/av_section]

[av_social_share title='Teile diesen Eintrag' style='' buttons='' share_facebook='' share_twitter='' share_pinterest='' share_gplus='' share_reddit='' share_linkedin='' share_tumblr='' share_vk='' share_mail='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_uid='av-xasw'][/av_social_share]

This is the content of the child-themes function.php

<?php
/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/
function enqueue_parent_theme_style() {
      wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');

/* Proper way to enqueue styles and scripts
 */
function theme_name_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

function change_cf_from() {
    return " (Email address hidden if logged out) ";
}
add_filter('avf_form_from', 'change_cf_from', 10);

/* Activate Avia debug mode */
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}
add_filter('avf_title_args', 'avf_title_args_mod', 99, 2);
function avf_title_args_mod($args,$id)
{
     if ( $args['title'] == 'Calendar of Events' ) 
     {
        $args['title'] = 'Veranstaltungskalender';
     }
    return $args;
}
add_action('tribe_events_single_event_after_the_content', 'tribe_events_single_event_after_the_content_mod');
function tribe_events_single_event_after_the_content_mod() {
	echo "";
	echo do_shortcode("[av_social_share title='Teile diese Veranstaltung' style='' buttons='' custom_class='shareva']");
}
add_theme_support('avia_template_builder_custom_css');
add_filter( 'wc_gzd_revocation_admin_mail', 'my_child_set_revocation_admin_mail', 10, 1 );
function my_child_set_revocation_admin_mail( $mail ) {
   return ' (Email address hidden if logged out) ';
   
   add_filter('avf_title_args', 'fix_single_post_title', 10, 2);
function fix_single_post_title($args,$id)
{
if (is_single)
{
$args['title'] = get_the_title($id);
$args['link'] = get_permalink($id);
$args['heading'] = 'h1';
}

return $args;
}
}
/* Code zum Loeschen von Veranstaltungen 
$allposts= get_posts( array('post_type'=>'tribe_events','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }
	
	 $allposts= get_posts( array('post_type'=>'tribe_organizer','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }
	
	 $allposts= get_posts( array('post_type'=>'tribe_venue','numberposts'=>-1) );
    foreach ($allposts as $eachpost) {
      wp_delete_post( $eachpost->ID, true );
    }    */

September 19, 2020 at 8:47 am #1246977

In reply to: Ken Burns effect on Full Width Slider

well on Victorias link the wrapping container in enfold for the images is: avia-slide-wrap

i would give a custom-class to the slideshow you like to influence – f.e.: kenburns
then it will be nice if only the active slide is doing that – so when i transpose the code from code pen to enfold classes :

.kenburns .active-slide .avia-slide-wrap {
  width: 100%;
  height: 56.25vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.kenburns .active-slide .avia-slide-wrap img {
  width: 100%;
  animation: move 20s ease infinite alternate;
  -ms-animation: move 20s ease infinite alternate;
  -webkit-animation: move 20s ease infinite alternate;
  -0-animation: move 20s ease infinite alternate;
  -moz-animation: move 20s ease infinite alternate;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1.0);
    -ms-transform: scale(1.0); 
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);   
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}

don’t know if all cross-browser settings are neccessary today – but i let them stay in the quick css code.
Important: see ( height: 56.25vw; ) if the width of the slider is 100vw then a 16:9 height will be approx: 56.25vw
The Code Pen Code only works nice if you have set a hight on that and that should reflect the aspect ratio well.
So it might be nice to have for Slideshows having a film slide with 16:9 format – the images got the same size on that.
I have on that testpage images of that format.:
https://webers-testseite.de/slider-with-kenburns/

September 18, 2020 at 9:06 pm #1246936

In reply to: TinyMCE showing HTML tags in custom shortcode elements.

group3solutions

Ok, I was able to resolve the issue by overriding the set_default_values function in the shortcode class.
I added the function from enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php

/**
		 * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
		 *
		 * @param array $elements
		 * @return array $elements
		 */
		public function set_default_values($elements)
		{
			$shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
			

			if($shortcode)
			{
				//will extract the shortcode into $_POST['extracted_shortcode']
				$this->builder->text_to_interface($shortcode);
				
				//the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
				$extracted_shortcode = end($_POST['extracted_shortcode']);

				//if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
				$multi_content = count($_POST['extracted_shortcode']);

				//proceed if the main shortcode has either arguments or content
				if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
				{
					if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
					if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

					//iterate over each array item and check if we already got a value
					foreach($elements as &$element)
					{
						if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
						{
							//make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
							$element['shortcode_data'] = $extracted_shortcode['attr'];
						
							//if the item has subelements the std value has to be an array
							if(isset($element['subelements']))
							{
								$element['std'] = array();

								for ($i = 0; $i < $multi_content - 1; $i++)
								{
									$element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
									$element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
								}
							}
							else
							{
								$element['std'] = stripslashes($extracted_shortcode['attr'][$element['id']]);
							}

						}
						else
						{
							if($element['type'] == "checkbox") $element['std'] = '';
						}
					}
				}
			}

			return $elements;
		}

I modified it to be as follows:

    /**
     * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
     *
     * @param array $elements
     * @return array $elements
     */
    public function set_default_values($elements)
    {
      $shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
      

      if($shortcode)
      {
        //will extract the shortcode into $_POST['extracted_shortcode']
        $this->builder->text_to_interface($shortcode);
        
        //the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
        $extracted_shortcode = end($_POST['extracted_shortcode']);

        //if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
        $multi_content = count($_POST['extracted_shortcode']);

        //proceed if the main shortcode has either arguments or content
        if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
        {
          if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
          if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

          //iterate over each array item and check if we already got a value
          foreach($elements as &$element)
          {
            if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
            {
              //make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
              $element['shortcode_data'] = $extracted_shortcode['attr'];
            
              //if the item has subelements the std value has to be an array
              if(isset($element['subelements']))
              {
                $element['std'] = array();

                for ($i = 0; $i < $multi_content - 1; $i++)
                {
                  $element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
                  $element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
                }
              }
              else
              {
                $element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));
              }

            }
            else
            {
              if($element['type'] == "checkbox") $element['std'] = '';
            }
          }
        }
      }

      return $elements;
    }

The difference is that I changed this:
$element['std'] = stripslashes($extracted_shortcode['attr'][$element['id']]);
to this:
$element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));

and included it in my shortcode element, which is finished below:

<?php
/**
 * 2 Column Module
 * 
 * Builds 2 column modules with image on one side and content on the other.
 */
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( ! class_exists( 'avia_sc_two_column_module' ) )
{
  class avia_sc_two_column_module extends aviaShortcodeTemplate
  {
    /**
     * Create the config array for the shortcode button
     */
    function shortcode_insert_button()
    {
      $this->config['version']    = '1.0';
      $this->config['self_closing'] = 'yes';

      $this->config['name']   = __( '2 Column Modules', 'avia_framework' );
      $this->config['tab']    = __( 'Content Elements', 'avia_framework' );
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-blog.png';
      $this->config['order']    = 40;
      $this->config['target']   = 'avia-target-insert';
      $this->config['shortcode']  = 'av_two_column_module';
      $this->config['tooltip']  = __( 'Builds 2 Column Modules ', 'avia_framework' );
      $this->config['preview']  = false;
      $this->config['id_name']  = 'id';
      $this->config['id_show']  = 'yes';
      $this->config['alb_desc_id']  = 'alb_description';
    }

    function admin_assets()
    {
      $ver = AviaBuilder::VERSION;
     
    }

    function extra_assets()
    {
      wp_enqueue_style( 'two-column-module', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnmodule.css', array( 'avia-layout' ), false );
    }

    /**
     * helper function executed by aviaShortcodeTemplate::popup_editor that extracts the attributes from the shortcode and then merges the values into the options array
     *
     * @param array $elements
     * @return array $elements
     */
    public function set_default_values($elements)
    {
      $shortcode = !empty($_POST['params']['shortcode']) ? $_POST['params']['shortcode'] : '';
      

      if($shortcode)
      {
        //will extract the shortcode into $_POST['extracted_shortcode']
        $this->builder->text_to_interface($shortcode);
        
        //the main shortcode (which is always the last array item) will be stored in $extracted_shortcode
        $extracted_shortcode = end($_POST['extracted_shortcode']);

        //if the $_POST['extracted_shortcode'] has more than one items we are dealing with nested shortcodes
        $multi_content = count($_POST['extracted_shortcode']);

        //proceed if the main shortcode has either arguments or content
        if(!empty($extracted_shortcode['attr']) || !empty($extracted_shortcode['content']))
        {
          if(empty($extracted_shortcode['attr'])) $extracted_shortcode['attr'] = array();
          if(isset($extracted_shortcode['content'])) $extracted_shortcode['attr']['content'] = $extracted_shortcode['content'];

          //iterate over each array item and check if we already got a value
          foreach($elements as &$element)
          {
            if(isset($element['id']) && isset($extracted_shortcode['attr'][$element['id']]))
            {
              //make sure that each element of the popup can access the other values of the shortcode. necessary for hidden elements
              $element['shortcode_data'] = $extracted_shortcode['attr'];
            
              //if the item has subelements the std value has to be an array
              if(isset($element['subelements']))
              {
                $element['std'] = array();

                for ($i = 0; $i < $multi_content - 1; $i++)
                {
                  $element['std'][$i] = $_POST['extracted_shortcode'][$i]['attr'];
                  $element['std'][$i]['content'] = $_POST['extracted_shortcode'][$i]['content'];
                }
              }
              else
              {
                $element['std'] = html_entity_decode(stripslashes($extracted_shortcode['attr'][$element['id']]));
              }

            }
            else
            {
              if($element['type'] == "checkbox") $element['std'] = '';
            }
          }
        }
      }

      return $elements;
    }
    /**
     * Popup Elements
     *
     * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
     * opens a modal window that allows to edit the element properties
     *
     * @return void
     */
    function popup_elements()
    {      
      
      $this->elements = array(
          
        array(
            'type'  => 'tab_container', 
            'nodescription' => true
          ),
            
        array(
            'type'  => 'tab',
            'name'  => __( 'Content', 'avia_framework' ),
            'nodescription' => true
          ),
        array(
              'type'      => 'template',
              'template_id' => 'toggle_container',
              'templates_include' => array(
                          $this->popup_key( 'selected_project' )
                        ),
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),
         
        array(
            'type'  => 'tab',
            'name'  => __( 'Advanced', 'avia_framework' ),
            'nodescription' => true
          ),
        
          array(
              'type'  => 'toggle_container',
              'nodescription' => true
            ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'screen_options_toggle'
              ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'developer_options_toggle',
                'args'      => array( 'sc' => $this )
              ),
        
          array(
              'type'  => 'toggle_container_close',
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab_container_close',
            'nodescription' => true
          )

          
          
        );

    }
    
    /**
     * Create and register templates for easier maintainance
     * 
     * @since 4.6.4
     */
    protected function register_dynamic_templates()
    {
      
      /**
       * Content Tab
       * ===========
       */
      
      $c = array(
            array(
              'name'  => __( 'Module Content', 'avia_framework' ),
              'desc'  => __( 'What is the content for this module?', 'avia_framework' ),
              'id'    => 'module_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Image', 'avia_framework' ),
              'desc'  => __( 'What is image for this module? (Select Large if available, Full Size if Large is not available.)', 'avia_framework' ),
              'id'  => 'module_image',
              'type'  => 'image',
              'title' => __( 'Insert Image', 'avia_framework' ),
              'button'  => __( 'Insert', 'avia_framework' ),
              'std' => AviaBuilder::$path['imagesURL'] . 'placeholder.jpg' 
            ),
            array(
              'name'  => __( 'Image Side?', 'avia_framework' ),
              'desc'  => __( 'What side of the module will the image be on?', 'avia_framework' ),
              'id'  => 'image_side',
              'type'  => 'select',
              'std'   => 'left',
              'subtype' => array(
                        __( 'Left', 'avia_framework' ) => 'left',
                        __( 'Right', 'avia_framework' )  => 'right'
                      )
            )
        );
      
      $template = array(
              array(  
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( '2 Column Module', 'avia_framework' ),
                'content'   => $c 
              ),
          );
      
      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'selected_project' ), $template );
      
    }
    /**
     * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
     * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
     * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
     *
     *
     * @param array $params this array holds the default values for $content and $args.
     * @return $params the return array usually holds an innerHtml key that holds item specific markup.
     */
    function editor_element( $params )
    {

      $params = parent::editor_element( $params );
      $params['content'] = null; //remove to allow content elements

      return $params;
    }

    /**
     * Frontend Shortcode Handler
     *
     * @param array $atts array of attributes
     * @param string $content text within enclosing form of shortcode element
     * @param string $shortcodename the shortcode found, when == callback name
     * @return string $output returns the modified html string
     */
    function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
    {
      global $avia_config, $more;

      extract( $atts );

      $cards = [];
      
      ob_start(); //start buffering the output instead of echoing it
      $img = wp_get_attachment_image( $attachment, 'large' );
      echo $this->render_module(ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_content ) ), $image_side, $module_image, $img);
      $output = ob_get_clean();
      
      avia_set_layout_array();

      return $output;
    }

    function render_module($content,$image_side,$module_image, $image) {
      $html = '';
      $html .= '<div class="two-column-module '.$image_side.'-side">';
      $html .= '<div class="image-container"><div class="module-image" style="background:url(\''.$module_image.'\'); background-repeat: no-repeat; background-position: center '.$image_side.'; background-size: cover"></div></div>';
      $html .= '<div class="content-container">'.$content.'</div>';
    return $html .= '</div>';
    }

   }
  
}

It also works properly with multiple tiny_mce boxes, too.
Note – this is only a problem when you create a custom shortcode element and give it an id of something other than ‘content’.

September 11, 2020 at 6:54 pm #1245214

In reply to: Enfold Child contains outdated copies of WooCommerce

bemodesign

This is the Woocommerce report:


### WordPress Environment ###

WordPress address (URL): http://e-zpatch.com
Site address (URL): http://e-zpatch.com
WC Version: 4.5.1
REST API Version: ✔ 4.5.1
WC Blocks Version: ✔ 3.1.0
Action Scheduler Version: ✔ 3.1.6
WC Admin Version: ✔ 1.5.0
Log Directory Writable: ✔
WP Version: 5.5.1
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ✔
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.3.18-1+ubuntu18.04.1+deb.sury.org+1
PHP Post Max Size: 100 MB
PHP Time Limit: 3600
PHP Max Input Vars: 10000
cURL Version: 7.58.0
OpenSSL/1.1.1g

SUHOSIN Installed: –
MySQL Version: 5.7.29-32-log
Max Upload Size: 50 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 4.5.1
WC Database Prefix: ezp_
Total Database Size: 134.70MB
Database Data Size: 68.71MB
Database Index Size: 65.99MB
ezp_woocommerce_sessions: Data: 1.02MB + Index: 0.02MB + Engine InnoDB
ezp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
ezp_woocommerce_order_items: Data: 1.52MB + Index: 0.31MB + Engine InnoDB
ezp_woocommerce_order_itemmeta: Data: 6.52MB + Index: 6.03MB + Engine InnoDB
ezp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
ezp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
ezp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
ezp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_actionscheduler_actions: Data: 0.16MB + Index: 0.14MB + Engine InnoDB
ezp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_actionscheduler_logs: Data: 0.23MB + Index: 0.19MB + Engine InnoDB
ezp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_comments: Data: 9.52MB + Index: 9.06MB + Engine InnoDB
ezp_duplicator_pro_entities: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_duplicator_pro_packages: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_grp_google_place: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_grp_google_review: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_layerslider: Data: 0.10MB + Index: 0.00MB + Engine MyISAM
ezp_layerslider_revisions: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_options: Data: 3.16MB + Index: 0.47MB + Engine InnoDB
ezp_postmeta: Data: 34.56MB + Index: 38.13MB + Engine InnoDB
ezp_posts: Data: 4.52MB + Index: 3.55MB + Engine InnoDB
ezp_rg_form: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_rg_form_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_rg_form_view: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_rg_incomplete_submissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_rg_lead: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_rg_lead_detail: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
ezp_rg_lead_detail_long: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_rg_lead_meta: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
ezp_rg_lead_notes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_termmeta: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
ezp_terms: Data: 0.08MB + Index: 0.09MB + Engine InnoDB
ezp_term_relationships: Data: 0.41MB + Index: 0.17MB + Engine InnoDB
ezp_term_taxonomy: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
ezp_usermeta: Data: 3.52MB + Index: 5.02MB + Engine InnoDB
ezp_users: Data: 0.17MB + Index: 0.17MB + Engine InnoDB
ezp_vtprd_purchase_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_vtprd_purchase_log_product: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_vtprd_purchase_log_product_rule: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_wc_customer_lookup: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
ezp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_wc_order_product_lookup: Data: 0.08MB + Index: 0.06MB + Engine InnoDB
ezp_wc_order_stats: Data: 0.06MB + Index: 0.05MB + Engine InnoDB
ezp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_wc_product_meta_lookup: Data: 0.22MB + Index: 0.33MB + Engine InnoDB
ezp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_woocommerce_termmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
ezp_wpfm_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
ezp_yoast_indexable: Data: 1.52MB + Index: 0.66MB + Engine InnoDB
ezp_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
ezp_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
ezp_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_yoast_prominent_words: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
ezp_yoast_seo_meta: Data: 0.13MB + Index: 0.00MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_options: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_postmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_posts: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

### Post Type Counts ###

attachment: 538
avia_framework_post: 32
custom_css: 1
customize_changeset: 2
egprreviews: 1
faqs: 152
nav_menu_item: 25
o-discount: 1
o-list: 1
page: 25
portfolio: 1
post: 1
product: 63
product_variation: 1914
revision: 13
rfbwp_assets: 1
shop_coupon: 6
shop_order: 6718
shop_order_refund: 156
slider: 3
testimonials: 3
user_request: 1

### Security ###

Secure connection (HTTPS): ❌
					Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
Hide errors from visitors: ✔

### Active Plugins (23) ###

ManageWP - Worker: by GoDaddy – 4.9.7
Export WooCommerce customer list: by PI Websolution – 1.6.9 – Installed version not tested with active version of WooCommerce 4.5.1
FedEx WooCommerce Extension (BASIC): by XAdapter – 2.0.6 – Installed version not tested with active version of WooCommerce 4.5.1
Google Language Translator: by Translate AI Multilingual Solutions – 6.0.7
PayPal for WooCommerce: by Angell EYE – 1.5.4 – Installed version not tested with active version of WooCommerce 4.5.1
Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.1.3
WooCommerce Weight Based Shipping: by weightbasedshipping.com – 5.3.5 – Installed version not tested with active version of WooCommerce 4.5.1
Google Reviews Widget: by RichPlugins  – 1.8.8
Woo Custom Related Products: by WPCodelibrary – 1.3.2 – Installed version not tested with active version of WooCommerce 4.5.1
WooCommerce Search by Product SKU: by Clayton Kriesel [Three Remain Production] – 1.0 – Installed version not tested with active version of WooCommerce 4.5.1
Woo Stickers by Webline: by Weblineindia – 1.1.5
Woocommerce Single Variations Product: by Calvin – 1.3.4 – Installed version not tested with active version of WooCommerce 4.5.1
Braintree for WooCommerce Payment Gateway: by WooCommerce – 2.4.0 – Installed version not tested with active version of WooCommerce 4.5.1
WooCommerce USA ePay Gateway: by SkyVerge – 1.8.0 – Installed version not tested with active version of WooCommerce 4.5.1
Woocommerce Molds: by Melina Donati – 0.3 – Installed version not tested with active version of WooCommerce 4.5.1
WooCommerce Quick Export Plugin: by MB Création – 2.4.2 – Installed version not tested with active version of WooCommerce 4.5.1
WooCommerce Sequential Order Numbers: by SkyVerge – 1.9.5 – Installed version not tested with active version of WooCommerce 4.5.1
WooCommerce: by Automattic – 4.5.1
WooCommerce custom: by Calvin NGUYEN – 1.0.0 – Installed version not tested with active version of WooCommerce 4.5.1
Yoast SEO Premium: by Team Yoast – 14.9
WordPress Support: by  –
Custom Product Tabs for WooCommerce: by YIKES
Inc. – 1.7.4

YITH WooCommerce Quick View: by YITH – 1.4.3 – Installed version not tested with active version of WooCommerce 4.5.1

### Inactive Plugins (8) ###

Akismet Anti-Spam: by Automattic – 4.1.6
Conditional Discounts for WooCommerce by ORION: by ORION – 2.15 – Installed version not tested with active version of WooCommerce 4.5.1
Go Live Update Urls: by OnPoint Plugins – 6.1.3
Google Reviews Business: by RichPlugins < (Email address hidden if logged out) > – 1.0
My Custom Functions: by Space X-Chimp – 4.43
Update Theme and Plugins from Zip File: by Jeff Sherk – 1.1.1
WP File Manager: by mndpsingh287 – 6.5
Yoast SEO: by Team Yoast – 14.9 – Installed version not tested with active version of WooCommerce 4.5.1

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Must Use Plugins (5) ###

Force Strong Passwords - WPE Edition: by Jason Cosper – 1.6.4
ManageWP - Worker Loader: by GoDaddy –
WP Engine Seamless Login Plugin: by WP Engine – 1.5.5
WP Engine Security Auditor: by  wpengine – 1.0.9
WP Engine System: by WP Engine – 4.0.0

### Settings ###

API Enabled: ✔
Force SSL: ✔
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –

### WC Pages ###

Shop base: #3104 - /shop/
Cart: #3105 - /cart/
Checkout: #28 - /checkout/
My account: #29 - /my-account/
Terms and conditions: ❌ Page not set

### Theme ###

Name: Enfold Child
Version: (update to version 0 is available)
Author URL: http://kriesi.at
Child Theme: ✔
Parent Theme Name: Enfold
Parent Theme Version: 4.7.6.3
Parent Theme Author URL: https://kriesi.at
WooCommerce Support: ✔

### Templates ###

Overrides: enfold-child/woocommerce/single-product/product-image.php version 2.6.3 is out of date. The core version is 3.5.1
enfold-child/woocommerce/single-product/product-thumbnails.php version 2.6.3 is out of date. The core version is 3.5.1

Outdated Templates: ❌
					
					
						Learn how to update

### Action Scheduler ###

Complete: 479
Oldest: 2020-08-11 10:30:34 -0700
Newest: 2020-09-11 08:19:10 -0700

September 7, 2020 at 7:36 pm #1244087

In reply to: TinyMCE showing HTML tags in custom shortcode elements.

group3solutions

It’s not a plugin conflict. Also, when I tested on the other site, I tested this same module on another site.

Here’s the code that I have for the custom shortcode. If you use it, you should experience the same effect.

<?php
/**
 * 2 Column Full-Width
 * 
 * Builds 2 column modules with image on one side and content on the other.
 */
if ( ! defined( 'ABSPATH' ) ) {  exit;  }    // Exit if accessed directly

if ( ! class_exists( 'avia_sc_two_column_full_module' ) )
{
  class avia_sc_two_column_full_module extends aviaShortcodeTemplate
  {
    /**
     * Create the config array for the shortcode button
     */
    function shortcode_insert_button()
    {
      $this->config['version']    = '1.0';
      $this->config['self_closing'] = 'yes';

      $this->config['name']   = __( '2 Column Full-Width Modules', 'avia_framework' );
      $this->config['tab']    = __( 'Content Elements', 'avia_framework' );
      $this->config['icon']   = AviaBuilder::$path['imagesURL'] . 'sc-blog.png';
      $this->config['order']    = 40;
      $this->config['target']   = 'avia-target-insert';
      $this->config['shortcode']  = 'av_two_column_full_module';
      $this->config['tooltip']  = __( 'Builds 2 Column Full-Width Modules ', 'avia_framework' );
      $this->config['preview']  = false;
      $this->config['id_name']  = 'id';
      $this->config['id_show']  = 'yes';
      $this->config['alb_desc_id']  = 'alb_description';
    }

    function admin_assets()
    {
      $ver = AviaBuilder::VERSION;
     
    }

    function extra_assets()
    {
      $ver = AviaBuilder::VERSION;
      wp_enqueue_style( 'two-column-full-module', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnfullmodule.css', array( 'avia-layout' ), false );
      wp_enqueue_script( 'two-column-full-module-js', get_stylesheet_directory_uri() . '/shortcodes/assets/twocolumnfullmodule.js', array( 'jquery' ), $ver, true );
    }

    /**
     * Popup Elements
     *
     * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
     * opens a modal window that allows to edit the element properties
     *
     * @return void
     */
    function popup_elements()
    {      
      
      $this->elements = array(
          
        array(
            'type'  => 'tab_container', 
            'nodescription' => true
          ),
            
        array(
            'type'  => 'tab',
            'name'  => __( 'Content', 'avia_framework' ),
            'nodescription' => true
          ),
        array(
              'type'      => 'template',
              'template_id' => 'toggle_container',
              'templates_include' => array(
                          $this->popup_key( 'selected_project' )
                        ),
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),
         
        array(
            'type'  => 'tab',
            'name'  => __( 'Advanced', 'avia_framework' ),
            'nodescription' => true
          ),
        
          array(
              'type'  => 'toggle_container',
              'nodescription' => true
            ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'screen_options_toggle'
              ),
        
            array(  
                'type'      => 'template',
                'template_id' => 'developer_options_toggle',
                'args'      => array( 'sc' => $this )
              ),
        
          array(
              'type'  => 'toggle_container_close',
              'nodescription' => true
            ),
        
        array(
            'type'  => 'tab_close',
            'nodescription' => true
          ),

        array(
            'type'  => 'tab_container_close',
            'nodescription' => true
          )

          
          
        );

    }
    
    /**
     * Create and register templates for easier maintainance
     * 
     * @since 4.6.4
     */
    protected function register_dynamic_templates()
    {
      
      /**
       * Content Tab
       * ===========
       */
      
      $c = array(
            array(
              'name'  => __( 'Module Headline Content', 'avia_framework' ),
              'desc'  => __( 'What is the upper headline content for this module?', 'avia_framework' ),
              'id'    => 'module_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Body Content', 'avia_framework' ),
              'desc'  => __( 'What is the main body content for this module?', 'avia_framework' ),
              'id'    => 'module_body_content',
              'type'  => 'tiny_mce',
              'std'   => '',
            ),
            array(
              'name'  => __( 'Module Image', 'avia_framework' ),
              'desc'  => __( 'What is image for this module? (Select Large if available, Full Size if Large is not available.)', 'avia_framework' ),
              'id'  => 'module_image',
              'type'  => 'image',
              'title' => __( 'Insert Image', 'avia_framework' ),
              'button'  => __( 'Insert', 'avia_framework' ),
              'std' => AviaBuilder::$path['imagesURL'] . 'placeholder.jpg' 
            ),
            array(
              'name'  => __( 'Show Pathway?', 'avia_framework' ),
              'desc'  => __( 'Do you want to show the pathway instead of an image?', 'avia_framework' ),
              'id'  => 'show_pathway',
              'type'  => 'select',
              'std'   => 'no',
              'subtype' => array(
                        __( 'No', 'avia_framework' ) => 'no',
                        __( 'Yes', 'avia_framework' )  => 'yes'
                      )
            ),
            array(
              'name'  => __( 'Image Side?', 'avia_framework' ),
              'desc'  => __( 'What side of the module will the image be on?', 'avia_framework' ),
              'id'  => 'image_side',
              'type'  => 'select',
              'std'   => 'left',
              'subtype' => array(
                        __( 'Left', 'avia_framework' ) => 'left',
                        __( 'Right', 'avia_framework' )  => 'right'
                      )
            )
        );
      
      $template = array(
              array(  
                'type'      => 'template',
                'template_id' => 'toggle',
                'title'     => __( '2 Column Module', 'avia_framework' ),
                'content'   => $c 
              ),
          );
      
      AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'selected_project' ), $template );
      
    }
    /**
     * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
     * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
     * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
     *
     *
     * @param array $params this array holds the default values for $content and $args.
     * @return $params the return array usually holds an innerHtml key that holds item specific markup.
     */
    function editor_element( $params )
    {

      $params = parent::editor_element( $params );
      $params['content'] = null; //remove to allow content elements

      return $params;
    }

    /**
     * Frontend Shortcode Handler
     *
     * @param array $atts array of attributes
     * @param string $content text within enclosing form of shortcode element
     * @param string $shortcodename the shortcode found, when == callback name
     * @return string $output returns the modified html string
     */
    function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
    {
      global $avia_config, $more;

      extract( $atts );

      $cards = [];
      
      ob_start(); //start buffering the output instead of echoing it
      // $img = wp_get_attachment_image( $attachment, 'large' );
      echo $this->render_module(ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_content ) ), ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $module_body_content ) ), $image_side, $module_image, $show_pathway);
      $output = ob_get_clean();
      
      avia_set_layout_array();

      return $output;
    }

    function render_module($content,$body_content,$image_side,$module_image, $show_pathway) {
      $html = '';
      $extra_classes = '';
      if ($module_image) {
        $extra_classes = 'show-image';
      }
      if ($show_pathway == 'yes') {
        $extra_classes = 'show-pathway';
      }
      $html .= '<div class="two-column-full-width-module '.$image_side.'-side '.$extra_classes.'">';
      if ($module_image) {
        $html .= '<div class="image-container"><div class="image-container-too"><div class="module-image" style="background:url(\''.$module_image.'\'); background-repeat: no-repeat; background-position: center '.$image_side.'; background-size: cover"></div></div></div>';
      }
      if ($show_pathway == 'yes') {
        $html .= '<div class="image-container"></div>';
      }
      $html .= '<div class="module-container"><div class="content-container"><div class="headline-content">'.$content.'</div><div class="body-content">'.$body_content.'</div></div><p class="read-more"><span class="collapsed">Read More</span><span class="expanded">Read Less</span><i class="chevron"></i></p></div>';
    return $html .= '</div>';
    }

   }
  
}

You can see that I used the tiny_mce type twice, and have given it a custom id for each one.

In the default modules, I haven’t found any example where two tiny_mce elements were used in a single module, nor have I found any that used the tiny_mce element with an id of something other than ‘content’.
I believe it should be a fairly simple matter of adding a filter or something, but haven’t yet been able to determine what it should be.

September 3, 2020 at 2:49 am #1242963

Topic: Saving didn't work error

in forum Enfold

losting

Participant

Hello,

I am developing a new website at https://www.brandtwist.com/p/ and ran into an issue of receiving a “Saving didn’t work! Please reload the page and try again.” message, which is the result of a 502 error. I haven’t encountered this error before on any of the other sites that I’ve developed with the Enfold theme and started occurring after importing native WordPress Users XML export and WooCommerce orders XML export. After turning on WP_DEBUG, it looks like it is due to undefined indexes/offsets in “/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php”. The issue resolves itself when not using the Enfold theme, which makes me believe it is isolated to the Enfold theme. I have also tried deleting and regenerating “/wp-content/uploads/dynamic_avia/enfold_child.css”, and trying to set the dynamic styles related to the PHP errors, all to no avail.

I’ve created a testing copy of the site at https://www.brandtwist.com/p/test/ and included logins below. Attached are the serialized style settings from the database and a snippet of the error_log with the PHP errors encountered.

Thank you

enfold-dynamic-styles-php-error-log.txt

[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined offset: 2 in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 36
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: bg in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 100
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: bg2 in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 101
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: primary in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 102
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: secondary in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 103
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: color in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 104
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: border in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 105
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: img in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 108
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: img in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 114
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: border in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 105
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: img in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 108
[02-Sep-2020 22:53:49 UTC] PHP Notice:  Undefined index: img in /home/xylfhuj1ww8x/public_html/p/test/wp-content/themes/enfold/includes/admin/register-dynamic-styles.php on line 114

enfold-settings-database-serialized.txt

a:1:{s:4:”avia”;a:60:{s:9:”frontpage”;s:0:””;s:9:”undefined”;s:53:”default_slideshow_target::.live-alternate_color.borde”;s:8:”blogpage”;s:0:””;s:4:”logo”;s:93:”https://www.brandtwist.com/p/test/wp-content/uploads/2020/08/BrandTwist_logo_padded_trans.png”;s:7:”favicon”;s:83:”https://www.brandtwist.com/p/test/wp-content/uploads/2020/08/BrandTwist_favicon.png”;s:9:”preloader”;s:8:”disabled”;s:21:”preloader_transitions”;s:21:”preloader_transitions”;s:14:”preloader_logo”;s:0:””;s:15:”lightbox_active”;s:15:”lightbox_active”;s:15:”error404_custom”;s:0:””;s:13:”error404_page”;s:0:””;s:16:”maintenance_mode”;s:0:””;s:16:”maintenance_page”;s:0:””;s:24:”enable_wp_classic_editor”;s:0:””;s:31:”preprocess_shortcodes_in_header”;s:0:””;s:16:”color-body_style”;s:9:”stretched”;s:17:”color-frame_width”;s:2:”20″;s:15:”header_position”;s:10:”header_top”;s:20:”layout_align_content”;s:20:”content_align_center”;s:18:”sidebarmenu_sticky”;s:18:”conditional_sticky”;s:19:”sidebarmenu_widgets”;s:0:””;s:18:”sidebarmenu_social”;s:8:”disabled”;s:17:”responsive_active”;s:17:”responsive_active”;s:15:”responsive_size”;s:6:”1310px”;s:13:”content_width”;s:2:”73″;s:14:”combined_width”;s:3:”100″;s:12:”color_scheme”;s:4:”Blue”;s:24:”colorset-header_color-bg”;s:7:”#ffffff”;s:25:”colorset-header_color-bg2″;s:7:”#f8f8f8″;s:29:”colorset-header_color-primary”;s:7:”#b22c90″;s:31:”colorset-header_color-secondary”;s:7:”#441f62″;s:27:”colorset-header_color-color”;s:7:”#404040″;s:26:”colorset-header_color-meta”;s:7:”#969696″;s:29:”colorset-header_color-heading”;s:7:”#404040″;s:28:”colorset-header_color-border”;s:7:”#beb1c8″;s:25:”colorset-header_color-img”;s:60:”{{AVIA_BASE_URL}}images/background-images/ios-linen-dark.png”;s:33:”colorset-header_color-customimage”;s:0:””;s:25:”colorset-header_color-pos”;s:8:”top left”;s:28:”colorset-header_color-repeat”;s:9:”no-repeat”;s:28:”colorset-header_color-attach”;s:6:”scroll”;s:22:”colorset-main_color-bg”;s:7:”#ffffff”;s:23:”colorset-main_color-bg2″;s:7:”#f8f8f8″;s:27:”colorset-main_color-primary”;s:7:”#b22c90″;s:29:”colorset-main_color-secondary”;s:7:”#441f62″;s:25:”colorset-main_color-color”;s:7:”#000000″;s:24:”colorset-main_color-meta”;s:7:”#969696″;s:27:”colorset-main_color-heading”;s:7:”#441f62″;s:26:”colorset-main_color-border”;s:7:”#ebebeb”;s:23:”colorset-main_color-img”;s:0:””;s:31:”colorset-main_color-customimage”;s:0:””;s:23:”colorset-main_color-pos”;s:8:”top left”;s:26:”colorset-main_color-repeat”;s:9:”no-repeat”;s:26:”colorset-main_color-attach”;s:6:”scroll”;s:27:”colorset-alternate_color-bg”;s:7:”#beb1c8″;s:28:”colorset-alternate_color-bg2″;s:7:”#a32fa3″;s:32:”colorset-alternate_color-primary”;s:7:”#b22c90″;s:34:”colorset-alternate_color-secondary”;s:7:”#441f62″;s:30:”colorset-alternate_color-color”;s:7:”#ffffff”;s:29:”colorset-alternate_color-meta”;s:7:”#ebebeb”;s:32:”colorset-alternate_color-heading”;s:7:”#441f62″;}}

August 31, 2020 at 9:00 pm #1242284

In reply to: Make an image inside a Color Section use the full width

Ismael

Hey!

There are a lot of ways to do this, but one thing that we can carry out in the current layout is make the image inherit the width of the browser view port and pull it towards the left to re-align it to the center of the page. You can then adjust the surrounding elements afterwards.

Please try this css code.

.avia-image-container img {
	width: 100vw;
	max-width: 100vw;
        position: absolute;
	left: -50vw;
	right: auto;
}

You have to apply a custom css class attribute or name to the image element and adjust the above css selector accordingly.

Best regards,
Ismael

August 27, 2020 at 11:27 pm #1241319

Topic: Some code of Visual Composer on my account pages

in forum Enfold

Florens_Shoes

Participant

I don’t know how to clean that page from this code.
I have disabled and removed Visual composer.
I don’t have woocommerce files on Enfold Child.

My Account

### WordPress Environment ###

WordPress address (URL): https://outlet.florens.it
Site address (URL): https://outlet.florens.it
WC Version: 4.4.1
REST API Version: ✔ 1.0.15
WC Blocks Version: ✔ 3.1.0
Action Scheduler Version: ✔ 3.1.6
WC Admin Version: ✔ 1.4.0
Log Directory Writable: ✔
WP Version: 5.5
WP Multisite: –
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: ✔
Language: it_IT
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.3.20
PHP Post Max Size: 128 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.66.0
OpenSSL/1.1.1g-fips

SUHOSIN Installed: –
MySQL Version: 5.7.26-29-log
Max Upload Size: 128 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 4.3.3
WC Database Prefix: vmktf_
Dimensione totale database: 93.65MB
Dimensione dati database: 69.08MB
Dimensione indice database: 24.57MB
vmktf_woocommerce_sessions: Dati: 0.03MB + indice: 0.02MB + motore InnoDB
vmktf_woocommerce_api_keys: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_woocommerce_attribute_taxonomies: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_woocommerce_downloadable_product_permissions: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_woocommerce_order_items: Dati: 0.09MB + indice: 0.05MB + motore InnoDB
vmktf_woocommerce_order_itemmeta: Dati: 1.52MB + indice: 0.42MB + motore InnoDB
vmktf_woocommerce_tax_rates: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_woocommerce_tax_rate_locations: Dati: 0.02MB + indice: 0.05MB + motore InnoDB
vmktf_woocommerce_shipping_zones: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_woocommerce_shipping_zone_locations: Dati: 0.02MB + indice: 0.05MB + motore InnoDB
vmktf_woocommerce_shipping_zone_methods: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_woocommerce_payment_tokens: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_woocommerce_payment_tokenmeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_woocommerce_log: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_actionscheduler_actions: Dati: 0.02MB + indice: 0.11MB + motore InnoDB
vmktf_actionscheduler_claims: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_actionscheduler_groups: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_actionscheduler_logs: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_adtribes_my_conversions: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_blogmeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_blogs: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_commentmeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_comments: Dati: 0.28MB + indice: 0.30MB + motore InnoDB
vmktf_ewwwio_images: Dati: 0.01MB + indice: 0.01MB + motore MyISAM
vmktf_ewwwio_queue: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_hustle_modules: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_hustle_modules_meta: Dati: 0.00MB + indice: 0.01MB + motore MyISAM
vmktf_icl_content_status: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_core_status: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_flags: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_languages: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_icl_languages_translations: Dati: 0.20MB + indice: 0.14MB + motore InnoDB
vmktf_icl_locale_map: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_message_status: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_icl_mo_files_domains: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_node: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_icl_reminders: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_icl_strings: Dati: 4.52MB + indice: 7.23MB + motore InnoDB
vmktf_icl_string_packages: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_icl_string_pages: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_string_positions: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_string_status: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_string_translations: Dati: 5.52MB + indice: 2.52MB + motore InnoDB
vmktf_icl_string_urls: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_translate: Dati: 1.52MB + indice: 0.05MB + motore InnoDB
vmktf_icl_translate_job: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_icl_translations: Dati: 0.45MB + indice: 1.17MB + motore InnoDB
vmktf_icl_translation_batches: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_icl_translation_status: Dati: 1.52MB + indice: 0.05MB + motore InnoDB
vmktf_layerslider: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_layerslider_revisions: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_links: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_newsletter: Dati: 0.25MB + indice: 0.09MB + motore InnoDB
vmktf_newsletter_emails: Dati: 1.52MB + indice: 0.00MB + motore InnoDB
vmktf_newsletter_sent: Dati: 1.52MB + indice: 0.66MB + motore InnoDB
vmktf_newsletter_stats: Dati: 1.52MB + indice: 0.41MB + motore InnoDB
vmktf_newsletter_user_logs: Dati: 0.08MB + indice: 0.00MB + motore InnoDB
vmktf_nf_objectmeta: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_nf_objects: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_nf_relationships: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_ninja_forms_fav_fields: Dati: 0.05MB + indice: 0.00MB + motore InnoDB
vmktf_ninja_forms_fields: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_optins: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_optin_meta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_options: Dati: 5.52MB + indice: 0.20MB + motore InnoDB
vmktf_pmxe_exports: Dati: 0.23MB + indice: 0.00MB + motore InnoDB
vmktf_pmxe_google_cats: Dati: 0.39MB + indice: 0.00MB + motore InnoDB
vmktf_pmxe_posts: Dati: 1.52MB + indice: 0.00MB + motore InnoDB
vmktf_pmxe_templates: Dati: 0.03MB + indice: 0.00MB + motore InnoDB
vmktf_pmxi_files: Dati: 0.01MB + indice: 0.00MB + motore MyISAM
vmktf_pmxi_history: Dati: 0.01MB + indice: 0.00MB + motore MyISAM
vmktf_pmxi_images: Dati: 0.06MB + indice: 0.00MB + motore InnoDB
vmktf_pmxi_imports: Dati: 3.20MB + indice: 0.00MB + motore MyISAM
vmktf_pmxi_posts: Dati: 0.07MB + indice: 0.03MB + motore MyISAM
vmktf_pmxi_templates: Dati: 0.02MB + indice: 0.00MB + motore MyISAM
vmktf_postmeta: Dati: 18.55MB + indice: 6.03MB + motore InnoDB
vmktf_posts: Dati: 3.52MB + indice: 0.86MB + motore InnoDB
vmktf_pp_login_builder: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_pp_password_reset_builder: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_pp_registration_builder: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_registration_log: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_revslider_css: Dati: 0.14MB + indice: 0.02MB + motore InnoDB
vmktf_revslider_layer_animations: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_revslider_navigations: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_revslider_settings: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_revslider_sliders: Dati: 0.08MB + indice: 0.02MB + motore InnoDB
vmktf_revslider_slides: Dati: 0.17MB + indice: 0.02MB + motore InnoDB
vmktf_revslider_static_slides: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_signups: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_site: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_sitemeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_smush_dir_images: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_taxonomymeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_termmeta: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_terms: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_term_relationships: Dati: 0.09MB + indice: 0.06MB + motore InnoDB
vmktf_term_taxonomy: Dati: 0.06MB + indice: 0.03MB + motore InnoDB
vmktf_uji_counter: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_uji_subscriptions: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_usermeta: Dati: 0.48MB + indice: 0.50MB + motore InnoDB
vmktf_users: Dati: 0.06MB + indice: 0.05MB + motore InnoDB
vmktf_vtprd_purchase_log: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_vtprd_purchase_log_product: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_vtprd_purchase_log_product_rule: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_waiting: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wc_admin_notes: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wc_admin_note_actions: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_wc_category_lookup: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wc_customer_lookup: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_wc_download_log: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wc_order_coupon_lookup: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_wc_order_product_lookup: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_wc_order_stats: Dati: 0.02MB + indice: 0.05MB + motore InnoDB
vmktf_wc_order_tax_lookup: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_wc_product_meta_lookup: Dati: 0.27MB + indice: 0.64MB + motore InnoDB
vmktf_wc_reserved_stock: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wc_tax_rate_classes: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_wc_webhooks: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wfblockediplog: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wfblocks7: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wfconfig: Dati: 1.52MB + indice: 0.00MB + motore InnoDB
vmktf_wfcrawlers: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wffilechanges: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wffilemods: Dati: 4.52MB + indice: 0.00MB + motore InnoDB
vmktf_wfhits: Dati: 0.02MB + indice: 0.05MB + motore InnoDB
vmktf_wfhoover: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_wfissues: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_wfknownfilelist: Dati: 1.52MB + indice: 0.00MB + motore InnoDB
vmktf_wflivetraffichuman: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wflocs: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wflogins: Dati: 0.30MB + indice: 0.14MB + motore InnoDB
vmktf_wfls_2fa_secrets: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_wfls_settings: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wfnotifications: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wfpendingissues: Dati: 0.02MB + indice: 0.06MB + motore InnoDB
vmktf_wfreversecache: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wfsnipcache: Dati: 0.02MB + indice: 0.05MB + motore InnoDB
vmktf_wfstatus: Dati: 0.16MB + indice: 0.11MB + motore InnoDB
vmktf_wftrafficrates: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wow_countdowns_free: Dati: 0.00MB + indice: 0.00MB + motore MyISAM
vmktf_wpie_template: Dati: 0.02MB + indice: 0.00MB + motore InnoDB
vmktf_wsluserscontacts: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_wslusersprofiles: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_yoast_indexable: Dati: 2.52MB + indice: 0.72MB + motore InnoDB
vmktf_yoast_indexable_hierarchy: Dati: 0.06MB + indice: 0.05MB + motore InnoDB
vmktf_yoast_migrations: Dati: 0.02MB + indice: 0.02MB + motore InnoDB
vmktf_yoast_primary_term: Dati: 0.02MB + indice: 0.03MB + motore InnoDB
vmktf_yoast_seo_links: Dati: 0.06MB + indice: 0.02MB + motore InnoDB
vmktf_yoast_seo_meta: Dati: 1.52MB + indice: 0.00MB + motore InnoDB

### Post Type Counts ###

attachment: 2526
avia_framework_post: 33
boxzilla-box: 12
custom_css: 3
customize_changeset: 25
flamingo_contact: 24
flamingo_inbound: 61
footer: 2
mc4wp-form: 2
nav_menu_item: 142
nf_sub: 14
oembed_cache: 7
page: 42
popup: 1
popup_theme: 6
post: 15
product: 41
product_variation: 453
product-feed: 1
revision: 275
shop_coupon: 67
shop_order: 265
shop_order_refund: 9
sidebar: 2
vc_settings_preset: 2
wcct_countdown: 1
wpcdt_countdown: 1
wpcf7_contact_form: 7
xlwcty_thankyou: 1

### Security ###

Secure connection (HTTPS): ✔
Hide errors from visitors: ✔

### Active Plugins (16) ###

Boxzilla: by ibericode – 3.2.23
Classic Editor: by Contributori WordPress – 1.6
Coming Soon Page, Under Construction & Maintenance Mode by SeedProd: by SeedProd – 5.1.3
Duplica pagina: by mndpsingh287 – 4.2
Google Tag Manager for WordPress: by Thomas Geiger – 1.11.4 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
Google Customer Reviews for WooCommerce: by eCreations – 2.6.12 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
Private Store For WooCommerce: by CodeIncept – 1.0.3 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
SG Optimizer: by SiteGround – 5.6.5
WebP Converter for Media: by Mateusz Gbiorczyk – 1.4.2
Variation Swatches for WooCommerce: by Emran Ahmed – 1.0.85 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WooCommerce Extra Charges To Payment Gateway (Standard): by hemsingh1 – 1.0.12.9 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WooCommerce Stripe Gateway: by WooCommerce – 4.5.2 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WooCommerce: by Automattic – 4.4.1
Wordfence Security: by Wordfence – 7.4.10
Yoast SEO: by Team Yoast – 14.8.1
Smush: by WPMU DEV – 3.6.3

### Inactive Plugins (14) ###

Advanced Order Export For WooCommerce: by AlgolPlus – 3.1.5
Contact Form 7: by Takayuki Miyoshi – 5.2.1
Disable Gutenberg: by Jeff Starr – 2.2
Envato Market: by Envato – 2.0.3
HookMeUp – Additional Content for WooCommerce: by GetBowtied – 1.3.1
Magic Embeds: by Miguel Sirvent – 3.0.8
Mr. Tailor Extender: by GetBowtied – 1.3.7
Newsletter: by Stefano Lissa & The Newsletter Team – 6.8.5
NextMove Lite – Thank You Page for WooCommerce: by XLPlugins – 2.12.0 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WooCommerce Product Feed Manager: by RexTheme – 5.38 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WP All Export: by Soflyy – 1.2.7
WP All Import – WooCommerce Add-On Pro: by Soflyy – 3.2.2 – Versione installata non testata con versione attiva di WooCommerce 4.4.1
WP All Import Pro: by Soflyy – 4.6.1
WPBakery Page Builder: by Michael M – WPBakery.com – 6.1

### Settings ###

API Enabled: ✔
Force SSL: –
Currency: EUR (€)
Currency Position: left_space
Thousand Separator: .
Decimal Separator: ,
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: ✔

### WC Pages ###

Shop base: #7458 – /collezione/
Carrello: #42865 – /carrello/
Pagamento: #7452 – /completa-transazione/
Il mio account: #7442 – /my-account/
Termini e condizioni: #44134 – /condizioni-generali-di-vendita/

### Theme ###

Name: Enfold Child
Version: 1.0
Author URL: http://kriesi.at
Child Theme: ✔
Parent Theme Name: Enfold
Parent Theme Version: 4.7.4
Parent Theme Author URL: https://kriesi.at
WooCommerce Support: ✔

### Templates ###

Overrides: –

### Action Scheduler ###

Completato: 46
Oldest: 2020-07-30 10:39:24 +0200
Newest: 2020-08-26 17:36:36 +0200

In attesa: 1
Oldest: 2020-08-29 05:13:58 +0200
Newest: 2020-08-29 05:13:58 +0200

July 31, 2020 at 8:26 pm #1234424

In reply to: Icon List Custom Pattern

in the ai doc there are some vector datas – but the most patterns are embedded images.
So here we go with png files: https://webers-testseite.de/tagood.zip

Give a custom class to your icon-list : tagood-icons
upload all the png files to your media library
put this to your quick css: ( if you like to colorize the icons as i do )
adjust the file path to yours

.tagood-icons .avia-icon-list li .iconlist-char:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center ;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%
}

.tagood-icons .avia-icon-list li:nth-of-type(1) .iconlist-char:before {
  background-image: url(/wp-content/uploads/art01.png);
  background-color: red;
}
.tagood-icons .avia-icon-list li:nth-of-type(2) .iconlist-char:before {
  background-image: url(/wp-content/uploads/art02.png);
  background-color: blue;
}
.tagood-icons .avia-icon-list li:nth-of-type(3) .iconlist-char:before {
  background-image: url(/wp-content/uploads/art03.png);
  background-color: green;
}
.tagood-icons .avia-icon-list li:nth-of-type(4) .iconlist-char:before {
  background-image: url(/wp-content/uploads/art04.png);
  background-color: yellow;
}
.tagood-icons .avia-icon-list li:nth-of-type(5) .iconlist-char:before {
  background-image: url(/wp-content/uploads/art05.png);
  background-color: darkmagenta;
}

you see how this works : the first settings are the same for all icons – and then you count to your list items 1, 2, 3 etc
if you colorize you had to set a border-radius for them too
in the zip there are 6 files – but you can have more

July 22, 2020 at 7:56 pm #1232377

In reply to: Fatal Error – can't add new posts/pages

Richard Olpin

### wp-core ###

version: 5.4.2
site_language: en_US
user_language: en_US
timezone: Europe/London
permalink: /%year%/%monthnum%/%postname%/
https_status: true
user_registration: 0
default_comment_status: closed
multisite: false
user_count: 2
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp
wordpress_size: loading…
uploads_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/uploads
uploads_size: loading…
themes_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes
themes_size: loading…
plugins_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
plugins_size: loading…
database_size: loading…
total_size: loading…

### wp-active-theme ###

name: Enfold (Ilyo) (enfold-child)
version: 0.1.0
author: Richard Olpin
author_website: http://www.richardolpinphotography.co.uk
parent_theme: Enfold (enfold)
theme_features: avia_exclude_bbPress, deactivate_tribe_events_calendar, avia_exclude_GFForms, avia_exclude_menu_exchange, avia_exclude_relevanssi, avia_exclude_WooCommerce, avia_exclude_wpSEO, avia_exclude_wpml, avia_exclude_instagram_feed, avia_mega_menu, avia_improved_backend_style, avia_option_pages_toggles, avia_sidebar_manager, automatic-feed-links, nav_menus, menus, widgets, post-formats, avia-disable-default-shortcodes, avia_post_meta_compat, force-post-thumbnails-in-widget, post-thumbnails, title-tag, editor-styles, editor-style, customize-selective-refresh-widgets, responsive-embeds, editor-color-palette, editor-font-sizes, avia_no_session_support
theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold-child

### wp-parent-theme ###

name: Enfold (enfold)
version: 4.7.6
author: Kriesi
author_website: https://kriesi.at
theme_path: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/themes/enfold

### wp-plugins-active (6) ###

Akismet Anti-Spam: version: 4.1.6, author: Automattic
Classic Editor: version: 1.5, author: WordPress Contributors
Contact Form 7: version: 5.2, author: Takayuki Miyoshi
EventON: version: 2.6, author: AshanJay
Hide YouTube Related Videos: version: 1.4.2, author: SparkWeb Interactive, Inc.
Honeypot for Contact Form 7: version: 1.14.1, author: Nocean

### wp-plugins-inactive (7) ###

All In One SEO Pack Pro: version: 3.6.2, author: All in One SEO Team
iQ Block Country: version: 1.2.9, author: Pascal
Optimus: version: 1.6.0, author: KeyCDN
Simple Revisions Delete by bweb: version: 1.5, author: Brice CAPOBIANCO
WP-Optimize – Clean, Compress, Cache: version: 3.1.2, author: David Anderson, Ruhani Rabin, Team Updraft
WP Google Fonts: version: v3.1.4, author: Noah Kagan
WP Super Cache: version: 1.7.1, author: Automattic

### wp-media ###

image_editor: WP_Image_Editor_GD
imagick_module_version: Not available
imagemagick_version: Not available
gd_version: 2.2.5
ghostscript_version: not available

### wp-server ###

server_architecture: Linux 4.4.223-icpu-044 x86_64
httpd_software: Apache
php_version: 7.4.8 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 30
memory_limit: 256M
max_input_time: -1
upload_max_size: 2M
php_post_max_size: 8M
curl_version: 7.64.0 OpenSSL/1.1.1d
suhosin: false
imagick_availability: false

### wp-database ###

extension: mysqli
server_version: 5.7.30-log
client_version: mysqlnd 7.4.8

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content
WP_PLUGIN_DIR: /homepages/43/d97354903/htdocs/www.BlackBeltAcademy.info/wp/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

July 19, 2020 at 2:41 pm #1231555

In reply to: Translucent Buttons with background image example

Mike

Hi,
Thank you @Guenni007 for your button example page, @peterolle I have a fresh install of the 2017 demo and for the Translucent Button on the button demo page it is created strictly with theme options.

In this demo the button element is inside of a column element which has the background color, you can replace it with an image strickly with column styling options.

So since every thing up to here is done in the element options, I’m sure you have been able to do these, if not then there must be a conflict or an error that we should take a look at.
But for the Translucent Button to contain the background image and not the column you will need to add a little css only to point to the image, this is not an option yet. So for example I removed the column background color and added a custom class to the button in the advanced options, I used “translucent_button_background”

then I added this css:

.translucent_button_background > a.avia-button {
    background-image:url('https://test.test/wp-content/uploads/2020/07/cool-background.jpg');
    background-size: cover;
}

for this result

From your posts I was not sure if you want the column to have the background image since that was were the black color came from, or if you wanted the button to have the background image, so I showed both.

Best regards,
Mike

July 7, 2020 at 1:31 pm #1228585

In reply to: Support for srcset also for background image in the color section

Ismael

// https://pastebin.com/0ZiZb5iE

Hi,

Thank you for the info.

Did you install or activate any lazy loading option in your site? It probably causes the images to load after the scripts.

One solution is to load the images asynchronously instead of waiting for other resources to load, but it will require a bit of modification. For the color section, we have to modify the themes\enfold\config-templatebuilder\avia-shortcodes\section.php file and remove the background image property. We will then replace it with a data-src attribute containing the image URL.

Please replace the section.php file with this code.

Then add this snippet in the functions.php file.

add_action('wp_head', function() {
 ?>
	<script>
		(() => {
		'use strict';
 		const objects = document.getElementsByClassName('asyncImage');  
		
		Array.from(objects).map((item) => {
			const img = new Image();
			img.src = item.dataset.src;
			
			img.onload = () => {
				item.classList.remove('asyncImage');
				return item.nodeName === 'IMG' ? 
				item.src = item.dataset.src :        
				item.style.backgroundImage = url(${item.dataset.src})
			};
		});
	})();
	</script>
 <?php
}, 999);

After that, edit the color section element, go to the Advanced tab and use “asyncImage” as a Custom CSS Class name. The script will look for the color section with the “asyncImage” class attribute, load the URL inside the data-src attribute and place it as a background when it’s is fully loaded. This will all happen while the page is loading.

This is from: https://medium.com/front-end-weekly/how-to-optimize-image-loading-on-your-website-855020fb41ae

Best regards,
Ismael

July 1, 2020 at 8:25 am #1227123

In reply to: Grid Row Cell – how make arrow point to image

Ismael

Hey CharlieTh,

Thank you for the inquiry.

This is the css used to create the arrow, or how it was added over the image.

#top .flex_column_table_cell .avia_textblock::after {
    content: "";
    position: absolute !important;
    color: #fff !important;
    display: block;
    z-index: 99999999999999999 !important;
    overflow: visible !important;
    visibility: visible !important;
    font-family: 'entypo-fontello';
    left: auto;
    top: 23%;
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-top: 30px solid #e8e8e800;
    border-left: 40px solid #539550;
    right: -30px;
}

You might have to adjust the selector a bit or add a custom css class to the element where you want to add it.

Best regards,
Ismael

June 29, 2020 at 8:33 pm #1226582

In reply to: Image black-and-white/colorful