Hi oestergaardn!

Thank you for using Enfold.

Yes, they will be overwritten when you update the theme. You can use software suggested on the previous thread to translate the strings or text.

Best regards,
Ismael

Hey!

Please try this:

.slide-entry img {
    image-rendering: auto !important;
}

Regards,
Ismael

Hi!

My bad. I think I know now why it’s not working. There are multiple files in the shortcodes folder with the “av_events_countdown” shortcode name so even though we renamed the original file, it’s still being use instead of the new file. It is now showing the variable values when I use the var_dump function.

Best regards,
Ismael

Hi!

You add this in the functions.php file if you want to remove the last item in the breadcrumb:

add_filter( 'avia_breadcrumbs_trail', 'mmx_remove_element_from_trail', 50, 2 );
function mmx_remove_element_from_trail( $trail, $args ) {
	
	if ( is_singular('product') ) {
		unset($trail['trail_end']);
	}
	
	return $trail;
}

If it doesn’t work, try this:

add_filter( 'avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 2 );
function avia_breadcrumbs_trail_mod( $trail, $args ) {
	
	if ( is_singular('product') ) {
		array_pop($trail);
	}
	
	return $trail;
}

Cheers!
Ismael

Hey!

You can decrease the logo size with this:

@media only screen and (max-width: 480px) {
#header .widget div a img {
  width: 35%;
}}

Remove browser cache then reload the page.

Cheers!
Ismael

Hi frankeee!

Thank you for using Enfold.

Which inline css are you referring to? The theme generates the style in an external stylesheet located in the wp-content > uploads > dynamic_avia folder.

Regards,
Ismael

Hey!

You can add this in the Quick CSS field:

@media only screen and (max-width: 770px) {
.avia-testimonial-image {
  margin: 0;
  width: 100%;
  float: none;
  text-align: center;
  margin-bottom: 15px;
  height: auto;
  max-width: 80%;
}

.avia-testimonial-meta {
  margin-left: 0;
}
}

Regards,
Ismael

Hey!

There are no errors generated so it’s a bit difficult to debug the issue. What happens when you use the default google maps element in the advance layout builder?

Cheers!
Ismael

Hi Switzer!

Thank you for using Enfold.

You can try this in the functions.php file:

add_filter( 'ava_main_header', 'avia_append_search_nav_mod', 10);

function avia_append_search_nav_mod()
{
    ob_start();
    get_search_form();
    $form =  htmlspecialchars(ob_get_clean()) ;
	
    $items = '<div id="menu-item-search-mod" class="menu-item-search-mod menu-item menu-item-search-dropdown">
        <a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
           </div>';

    echo $items;
}

Add this in the Quick CSS field:

#menu-item-search-mod {
  display: block;
  position: absolute;
  right: 30%;
  top: 30%;
  z-index: 1000;
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
	#menu-item-search-mod { display: none; }
}

Regards,
Ismael

Hi!

This is the media query line:

@media only screen and (max-device-width: 1024px) {

}

Please replace the code with this:

@media only screen and (max-width: 1024px) {
.main_color .av-inner-masonry-content {
  font-size: 12px;
  padding: 6px;
}

figcaption.av-inner-masonry-content.site-background {
display: none;
}
}

Cheers!
Ismael

Hi!

1.) Add this in the Quick CSS field:

.custom-form {
  background-color: #fff;
}

2.) Use this to increase the width:

#top #searchform>div {
  position: relative;
  max-width: 800px;
  width: 500px;
}

Regards,
Ismael

Hi!

You can turn no the custom css class field then add a custom class attribute to the blog post element. Remove the bottom margin.

.avia-content-slider {
  margin: 0;
}

You can replace the selector above with the custom css class attribute that you defined.

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Cheers!
Ismael

Hey!

Thank you for using Enfold.

They will both display by default. If you want to only display the upsells section if it’s available, use this in the functions.php file:

#
# display upsells and related products within dedicated div with different column and number of products
#
remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products', 10);
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_related_products_mod', 20);

function avia_woocommerce_output_related_products_mod($items = false, $columns = false)
{
	global $avia_config;
	$output = "";
	
	if(!$items) 	$items 	 = $avia_config['shop_single_column_items'];
	if(!$columns) 	$columns = $avia_config['shop_single_column'];

	ob_start();
	woocommerce_related_products(array('posts_per_page'=>$items, 'columns'=>$columns)); // X products, X columns
	$content = ob_get_clean();
	if($content && $avia_config['upsells'] == '')
	{
		$output .= "<div class='product_column product_column_".$columns."'>";
		//$output .= "<h3>".(__('Related Products', 'avia_framework'))."</h3>";
		$output .= $content;
		$output .= "</div>";
	}

	$avia_config['woo_related'] = $output;
	return $output;

}

remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells', 10); 
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells_mod', 21);

function avia_woocommerce_output_upsells_mod($items = false, $columns = false)
{
	global $avia_config;

	$output = "";
	
	if(!$items) 	$items 	 = $avia_config['shop_single_column_items'];
	if(!$columns) 	$columns = $avia_config['shop_single_column'];
	
	ob_start();
	woocommerce_upsell_display($items,$columns); // 4 products, 4 columns
	$content = ob_get_clean();
	if($content && $avia_config['woo_related'] == '')
	{
		$output .= "<div class='product_column product_column_".$columns."'>";
		//$output .= "<h3>".(__('You may also like', 'avia_framework'))."</h3>";
		$output .= $content;
		$output .= "</div>";
	}

	$avia_config['woo_upsells'] = $output;
	return $output;

}

Best regards,
Ismael

Hey!

You can use this in the Quick CSS field:

.comment-count {
  display: none;
}

Cheers!
Ismael

Hi sublime5o!

Thank you for using Enfold.

You can follow the instructions here: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

Regards,
Ismael