Thanks Rikard. You can close this topic.

Hey Guys, very disappointed, I’m not paying support for get this templated answer. I think that is not complex question and answer. I have been forced in do a deep investigation in your code, this is my answer to my question:

First of all you need to know that i’m using a child theme because I want to update enfold in a future. I think (but not tested) that this code works in normal enfold functions.php but i wrote this code in child theme functions.php :

add_action( 'init', function () {
	
	//we need new portfolio class extending actual portfolio class
	class ebavs_portfolio extends avia_sc_portfolio {

		//this method is called when shortcode needs to render, we need override and then copy and paste original content 
		public function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")
		{
			$atts['class'] = !empty($meta['custom_class']) ? $meta['custom_class'] : "";
			
			if(current_theme_supports('avia_template_builder_custom_post_type_grid'))
			{
			    if(isset($atts['link']))
			    {
			        $atts['link'] = explode(',', $atts['link'], 2 );
			        $atts['taxonomy'] = $atts['link'][0];
			
			        if(isset($atts['link'][1]))
			        {
			            $atts['categories'] = $atts['link'][1];
			        }
			    }
			
				if(empty($atts['post_type']) || !current_theme_supports('add_avia_builder_post_type_option'))
				{
					$atts['post_type'] = get_post_types();
				}

				if(is_string($atts['post_type'])) $atts['post_type'] = explode(',', $atts['post_type']);
			}
			
			$atts['fullscreen'] = ShortcodeHelper::is_top_level();

			// HERE WE CHANGE $grid TO NEW OBJECT
			$grid = new ebavs_post_grid($atts);
			$grid->query_entries();
			$portfolio_html = $grid->html();
		
			if(!ShortcodeHelper::is_top_level()) 
			return $portfolio_html . '<!-- ebavs -->';
			
			
			$params['class'] = "main_color avia-no-border-styling avia-fullwidth-portfolio ".$meta['el_class'];
			$params['open_structure'] = false;
			$params['id'] = !empty($atts['id']) ? AviaHelper::save_string($atts['id'],'-') : "";
			$params['custom_markup'] = $meta['custom_markup'];
			
			//we dont need a closing structure if the element is the first one or if a previous fullwidth element was displayed before
			if(isset($meta['index']) && $meta['index'] == 0) $params['close'] = false;
			if(!empty($meta['siblings']['prev']['tag']) && in_array($meta['siblings']['prev']['tag'], AviaBuilder::$full_el_no_section )) $params['close'] = false;
				
			$output  =  avia_new_section($params);
			$output .= $portfolio_html;
			$output .= avia_section_after_element_content( $meta , 'after_portfolio' );
			
			return $output . '<!-- ebavs -->';
		}

	}

	// Create new Grid class and extends the original
	class ebavs_post_grid extends avia_post_grid { 

		// override sort buttons, this methods render html for sort bar
		protected function sort_buttons($entries, $params)
		{
			//get all categories that are actually listed on the page
			$categories = get_categories(array(
				'taxonomy'	=> $params['taxonomy'],
				'hide_empty'=> 0
			));

			$current_page_cats 	= array();
			$cat_count 			= array();
			$display_cats 		= is_array($params['categories']) ? $params['categories'] : array_filter(explode(',',$params['categories']));

			foreach ($entries as $entry)
			{
				if($current_item_cats = get_the_terms( $entry->ID, $params['taxonomy'] ))
				{
					if(!empty($current_item_cats))
					{
						foreach($current_item_cats as $current_item_cat)
						{
							if(empty($display_cats) || in_array($current_item_cat->term_id, $display_cats))
							{
								$current_page_cats[$current_item_cat->term_id] = $current_item_cat->term_id;

								if(!isset($cat_count[$current_item_cat->term_id] ))
								{
									$cat_count[$current_item_cat->term_id] = 0;
								}

								$cat_count[$current_item_cat->term_id] ++;
							}
						}
					}
				}
			}

			// DRAW HERE YOUR HTML
			$output = 'new sort buttons';
			return $output;
			
		}

	}

	// Look for builder Avia Object
	global $builder;

	// Magic here, change portfolio class by our new class
	$builder->shortcode_class['avia_sc_portfolio'] = new ebavs_portfolio( $builder ); 
	
	// init new object
	$builder->shortcode_class['avia_sc_portfolio']->init();

	// and replace the named class for shortcode
	$builder->shortcode[$builder->shortcode_class['avia_sc_portfolio']->config['shortcode']] = 'ebavs_portfolio';

	// this shortcode have a heavy css and js components, you can add your new js and css in this point
},'100');

As you can see only few lines of code explaining how you can override portfolio sort buttons, masonry is similar.

I am sorry.
just now i see this choice:
“Hide Form Labels
Check if you want to hide form labels above the form elements. The form will instead try to use an inline label (not supported on old browsers)”

I am sorry again and thank you for your response
please close the topic

Hi Rikard,

the slider images are stretched vertical. Please validate with your mobile (e.g. iphone) from normal to landscape. Then you see the failure, the red deer is very thin and not the normal picture scale. (because i read the topic to set height: 300px etc.)

you understand what i mean?

Thank a lot, André

Hallo Thomas,

ich habe in der Sprachdatei Enfold/lang/de_DE.po
“Events” mit Veranstaltungen übersetzt.

Du musst aber auch, wie von Josue in dem Ticket vorgeschlagen, folgendes in die functions.php eingeben

add_filter(‘tribe_events_register_event_type_args’, function($args) {
$args[‘has_archive’] = false;
return $args;
});

Dann erscheinen die Breadcrumbs richtig.
Ich würde mir aber schon wünschen, dass das Problem von Kriesi anders gelöst würde.

Schöne Grüße
AL

Hello,

I can provide you a custom page we have developed (.net) that you don’t get that error: https://developers.google.com/speed/pagespeed/insights/?url=www.eemh.gr&tab=desktop

I understand what you say, but we have minified css and we also use cdn and we still get the red should fix error. I suppose that there should be a way to load it async for example ?? This is important though because this is how quality score is calculated and Cost Per Click is affected on adwords. Let me know if there is anything you can do about.

Thank you

I selected the option to have the large icons on the top of the icon box and that centered them.

However, On the demo link the 3 icon boxes are centered with the small icons on the left. When I select that option in my icon boxes all the boxes left justify.

Andy,

This CSS caused a problem so I removed it.

1. The CSS worked on the instagram widget sort of, but it also made every image using lightbox at 80×80 (I changed that value). So the Featured Image on all posts was a thumbnail. Can we change that code to be reserved ONLY to the Instagram Widget?

2. When I make the browser window smaller, the instagram widget then becomes distorted. (See Screenshot below) So this code does not keep the thumbnails proportional.

2. This is all the code we have created for this to get it in the correct location and sized. Seems like a lot. Is this all necessary to accomplish this or is this a bit overkill? The padding is necessary to keep the element from crowding the “INSTAGRAM” wigit title.

/*Footer*/

.av-instagram-pics.av-instagram-size-thumbnail {
    width: 70%;
    padding-top: 12px !important;
}

.av-instagram-item {
    padding: 1px;
}

.av-instagram-item:hover a {
    opacity: .5;
} /*instagram hover effect*/

.widget-easy-twitter-feed-widget-container .row {
    margin-bottom: 0;
}

a.lightbox-added ing { (REMOVED)
width: 80px;
height: 80px;
} /*instagram dimension*/

• This reply was modified 10 years, 2 months ago by Jasmer.