Hey!

Thank you for using Enfold.

Add this in the functions.php file:

// fix sidebar current menu
add_action('wp_footer', 'wp_footer_mod');
function wp_footer_mod(){
?>
<script>
(function($){
	$('#top .widget_nav_menu li').on('click', function(event) {
        $('#top .widget_nav_menu li').each(function() {
			$(this).removeClass('current-menu-item');
		});

		$(this).addClass('current-menu-item');
	});
})(jQuery);
</script>
<?php
}

then use this in the Quick CSS field to change the current menu item color:

#top .widget_nav_menu li.current-menu-item a {
    color: red;
}

Best regards,
Ismael

Hi!

You can change the background of the grid content with this:

.main_color .grid-content {
    background-color: brown;
}

Again, you can modify the portfolio.php file for additional changes. I haven’t tested this personally but I think this function will help:
https://codex.wordpress.org/Function_Reference/get_attached_media

Cheers!
Ismael

Hi!

You can set the page’s Template to Blank, no header | no footer. Use the advance layout builder to build the content. If you want to set the page as front page while you’re working on the site, just go to Enfold > Theme Options > Frontpage Settings.

Best regards,
Ismael

Hi C-LabMX!

Thank you for using Enfold.

You can try this in the functions.php file:

remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_before_shop_loop', 1);
remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20);

add_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_before_shop_loop_mod', 1);

function avia_woocommerce_before_shop_loop_mod()
{
	global $avia_config;
	if(isset($avia_config['dynamic_template'])) return;
	$markup = avia_markup_helper(array('context' => 'content','echo'=>false,'post_type'=>'products'));
	echo "<main class='template-shop content ".avia_layout_class( 'content' , false)." units' $markup><div class='entry-content-wrapper'>";
	do_action('prdctfltr_output'); /* This is the part you should add to initiate the Product Filter in your Enfold template */
}

Cheers!
Ismael

Hey!

You can actually modify the crop positioning area of the thumbnails, just add something like this in the functions.php file:

function ava_image_sizes() { 
add_image_size('shop_catalog', 450, 450, array('center', 'top'));
add_image_size('shop_thumbnail', 120, 120, array('center', 'top'));
add_image_size('shop_single', 450, 450, array('center', 'top'));
}
add_action( 'after_setup_theme', 'ava_image_sizes', 11 );

This will crop the images from top to center instead of cropping the edges which usually cuts off important part of the images (like “head” etc). Refresh the page then use this plugin to regenerate the thumbnails: https://wordpress.org/plugins/force-regenerate-thumbnails/

This might not work for all images with different aspect ratios so, still, best solution is to pre-crop the thumbnails before uploading them as product image.

Best regards,
Ismael

Hey!

Please try the solution provided above to fix the menu icon.

Could you please provide a link to the page? Are you trying to translate one of the menu items?

Best regards,
Ismael

Hey!

I can’t access the site so I created a test page on my end. Set the portfolio grid to 6 columns and it looks OK on firefox. Try to add this in the Quick CSS field:

.avia-mozilla #top .no_margin.av_one_sixth {
    width: 16%;
}

If it doesn’t work, adjust the width value:

.avia-mozilla #top .no_margin.av_one_sixth {
    width: 15%;
}

Cheers!
Ismael

Hey!

Regarding this screenshot: http://snag.gy/iikGZ.jpg

Adjust the top position of the layer and set the height to auto: http://snag.gy/ggzPg.jpg

Best regards,
Ismael

Hey!

Add a negative top margin value:

#av_section_1 {
    margin-top: -300px;
}

Please use the Section ID field of the color section element.

Regards,
Ismael

Hey Khalid!

Thank you for using Enfold.

Edit the google map element then adjust the “Zoom Level” settings. Add this in the Quick CSS field to remove the border:

#header_main {
    border-top: 0;
}

Regards,
Ismael

Hi!

Thank you for the update. Go to Enfold > Theme Options. Select the “blog-temp” page as blog on Where do you want to display blog? option.

Best regards,
Ismael

Hi!

Great! Glad we could help. :)

Cheers!
Ismael

Hey simonac!

Thank you for using Enfold.

1.) Try to resize the arrow with this in the Quick CSS field:

@media only screen and (max-width: 767px) {
#top .avia-slideshow-arrows a {
    height: 30px;
    line-height: 12px;
    font-size: 12px;
    text-indent: -600%;
}

#top .av-control-minimal .avia-slideshow-arrows a:before {
    line-height: 30px;
}
}

2.) Add this inside the media query above:

#top .avia-logo-element-container .slide-entry {
width: 33%;
}

3.) Add something like this in the slider caption:

<div id="team_mobile"></div>

Cheers!
Ismael

Hi!

I’m sorry, unfortunately, that’s not possible. You will have to install the font manually. Please visit their documentation page. Applying a unique name for each zip file will prevent the font icons from overriding the previous set.

Regards,
Ismael

Hey!

You should add the code on functions.php, not functions-enfold.php.

add_filter('avia_layout_filter', 'avia_change_post_layout', 10, 2);
function avia_change_post_layout($layout, $post_id){
	if(is_tax('portfolio_entries') || is_tag()) {
        $layout['current'] = $layout["fullsize"];
        $layout['current']['main'] = "fullsize";
	}
    
    return $layout;
}

Regarding the ready more issue, did you add any filters other than one we recommended above?

Cheers!
Ismael