Hi,

If i change the icon the code for that icon must be found somewhere in the code, right?

Yes, that is true. That change will be reflected in the iconbox shortcode, which should look something like this in the shortcode field, located below the builder, if debug mode is enabled.

[av_icon_box icon='ue81f' font='entypo-fontello' title='IconBox Title' position='left' icon_style='' boxed='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_title_size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-klazh7am' sc_version='1.0' admin_preview_bg='']
Click to add your own text here
[/av_icon_box]

To enable the debug mode and to actually see the shortcodes below the advance layout builder, please use the snippet from the documentation.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

That value does not even matter because the icon_select parameter, which is a flag whether to display the icon for the av_button shortcode, is set to “no”, which means that the value ue800 will never be used and no icon will show for the av_button shortcode.

icon_select='no' icon='ue800

This is the whole av_button shortcode inside the Icon Box content.

[av_button label='FAQ' link='manually,#tab-id-2' link_target='' size='x-large' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pwom0ms'][av_button label='Preise' link='manually,#tab-id-1' link_target='' size='x-large' position='right' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-pdbb4xg']

Again, the av_button shortcode is a custom content previously added manually by someone in the Icon Box element’s Content editor and it is not a default option or it is not part of the Icon Box shortcode, so you can remove it if necessary.

Thank you for your understanding.

Best regards,
Ismael

Hi,

Thank you for the update.

Please note that the snippet above will not change anything on how the theme loads the entypo-fontello font, so the speed tool will still complain about it, but it should improve the loading performance of the icons in the front end. Unfortunately, the only way to load entypo-fontello is with the font face rule, so we will not be able to use preload and/or satisfy the pagespeed insights tool.

Best regards,
Ismael

Hey kyle123,

Thank you for the inquiry.

Did you follow the suggested changes in the following post?

// https://kriesi.at/support/topic/accessibility-issues-with-main-nav-leaves-us-sites-in-danger-of-lawsuits/#post-1226327

You may need to purge the cache after doing the modification.

For the mega menu, this should work.

// https://kriesi.at/support/topic/make-mega-menu-accessible/#post-1253157

If you need further help, please post the login details in the private field and we will try to implement the changes.

Best regards,
Ismael

Hey fabienneRedUmb,

Thank you for the inquiry.

1.) We could use this css code to disable the link of the featured image for posts with audio format.

.single-format-audio .big-preview.single-big a {
	pointer-events: none;
}

2.) The Masonry and Blog Posts elements can only display featured images, not videos and making it do so will require significant amount of modification that we will not be able to provide here in the forum. You may need to find a third party plugin or hire a freelance developer to customize the elements or create a new template.

// https://kriesi.at/contact/customization

Best regards,
Ismael

Hey Guenter,

Thank you for the inquiry.

It seems to be working properly on our end, still. Try to check if the current view has the portfolio post type.

function ava_enfold_builder_layout_mod(){
  add_filter('avf_builder_elements', 'avf_enfold_builder_layout_settings_mod', 10001, 1);
}
add_action( 'after_setup_theme', 'ava_enfold_builder_layout_mod' );

function avf_enfold_builder_layout_settings_mod($elements){	
	if(avia_get_current_post_type() == "portfolio") {
		$counter = 0;
		foreach($elements as $element){	
			// Layout > Sidebar Settings
			if($element['id'] == 'layout')  {
				$elements[$counter]['std'] = 'sidebar_right';
			}
			// Layout > Footer Settings
			if($element['id'] == 'footer')  {
				$elements[$counter]['std'] = '';
			}
			// Layout > Title Bar Settings
			if($element['id'] == 'header_title_bar')  {
				$elements[$counter]['std'] = 'hidden_title_bar';
			}
			// Layout > Header visibility and transparency
			if($element['id'] == 'header_transparency')  {
				$elements[$counter]['std'] = '';
			}
			$counter++;
		}
	}

  	return $elements;
}

function avia_get_current_post_type() {
	global $post, $typenow, $current_screen;

	if ($post && $post->post_type) return $post->post_type;

	elseif($typenow) return $typenow;

	elseif($current_screen && $current_screen->post_type) return $current_screen->post_type;

	elseif(isset($_REQUEST['post_type'])) return sanitize_key($_REQUEST['post_type']);

	return null;
}

Check for post type based on: https://wp-mix.com/get-current-post-type-wordpress/

We can also use this: https://gist.github.com/DomenicF/3ebcf7d53ce3182854716c4d8f1ab2e2

Best regards,
Ismael

Hey gharry79,

Thank you for the inquiry.

The original size (1810x2560px) of the the image is actually displayed in the preview. (see private field)

You may need to resize it down to 800px, or at least decrease the size a bit and upload it again so that the browser does not have to resize it in the preview.

Best regards,
Ismael

Hey Tobias,

Thank you for the inquiry.

Do you have an installation with the Monster Insights plugin installed? We checked the site above but it is not using the privacy & cookie options from the theme — Borlabs plugin is installed. Additional info from the plugin developers should help a lot.

Best regards,
Ismael

Hi,

Thank you for the update.

You can use the avf_alb_supported_post_types filter in the functions.php file to add more items to the list of supported post types.

/* 
   Add more items to supported post types
**************************************************************************** Enfold - CPT UI */
function avf_alb_supported_post_types_mod( array $supported_post_types )
{ 
  $supported_post_types[] = 'theor_grundlagen'; 
  $supported_post_types[] = 'grundlagen_planung';  
  $supported_post_types[] = 'orientierungsplan'; 

  return $supported_post_types;
}
add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1);

Let us know if that helps.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Responsiveness of the site is currently determined by the existing css media queries, and the same ones can still be used to adjust the layout of the site on a scaled monitor. So for a monitor with a 1920×1080 display resolution, scaled up to 150%. the effective resolution will be less than 1300px, so the following css media query should work.

@media only screen and (max-width: 1366px) {
  /* Add your Mobile Styles here */
  body { display: none !important; }
}

Best regards,
Ismael

Hi,

Thank you for the update.

We cannot reproduce the same issue on our end — the color of the mobile menu is actually set to the color that you prefer. This is the css code for the mobile menu icon.

#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
	background-color: #b5055a;
}

As you can see, the background-color of the three lines are set to #b5055a.

Best regards,
Ismael

Hi,

Thank you for the update.

We could use the unique class name or selector (product_on_sale or sale) for products on sale.

Regular price:

/* regular price */
.price ins span.woocommerce-Price-amount bdi, .price ins span.woocommerce-Price-amount bdi span {
  color: blue !important;
} 

Sale:

/* on sale */
.sale .price ins span.woocommerce-Price-amount bdi, .sale .price ins span.woocommerce-Price-amount bdi span {
  color: red!important;
} 

OR

/* on sale */
.product_on_sale .price ins span.woocommerce-Price-amount bdi, .product_on_sale .price ins span.woocommerce-Price-amount bdi span {
  color: red!important;
} 

Best regards,
Ismael

Hi!

Thank you for the info.

The stock quantity of the LAMY Studio Black Fountain Pen product was not defined, so we set it to 20 temporarily. This now limits the quantity field to 20 as well. Please check the following documentation to learn more on how to properly manage the inventory or stock level of a specific product.

// https://docs.woocommerce.com/document/managing-products/#inventory-tab
// https://docs.woocommerce.com/document/configuring-woocommerce-settings/#inventory-options

Regards,
Ismael

Hi,

Sorry for the delay. We could use the following css code to adjust the size of the icon grid columns and decrease the font size of the icon and the title.

@media only screen and (max-width: 767px) {
.avia-icongrid-numrow-3 li, .avia-icongrid-numrow-4 li, .avia-icongrid-numrow-5 li {
	width: 50%;
}

.avia-icongrid-icon {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 0.5em;
	color: initial;
}

.av_icongrid_title.icongrid_title {
	font-size: 13px;
	text-align: center;
}
}

Here is how it should look after adding the css code above.

Screenshot: https://imgur.com/80Sr1eQ

And for the revolution slider or the image, try to insert the css code inside the css media query that we have just created above to decrease the height of the wrapper.

#rev_slider_26_3_wrapper {
	height: 200px !important;
}

Best regards,
Ismael

Hey wppoland,

Thank you for the inquiry.

This is possible but we have to modify the enfold\framework\js\conditional_load\avia_google_maps_api.js file directly, look for this code around line

var size = _self.$data.marker[key].imagesize, half = "", full = "";

if(_self.retina && size > 40) size = 40;			//retina downsize to at least half the px size

Below, we can define the size manually. Example:

size = 120;

Or try to upload a Custom Map Marker Image and set the Custom Map Marker Image Size size manually. These settings are in the Content > Marker & Tooltip section of the Google Map element’s map locations.

Best regards,
Ismael

Hi,

The images in the slider are stretched or distorted because of this css code.

#top .aviaccordion-slide img {
	height: 100%;
	position: absolute;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
}

You may have to adjust or remove the css code and disable the Performance > File Compression settings. We cannot find the exact location of the code because the stylesheets are minified or compressed.

Best regards,
Ismael