Hi,

Awesome! Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael

Hi,

It will only replace the theme files. The content (pages, posts, theme options etc) will not be affected. However, it is recommend that you create a backup or a restore point just in case something went wrong.

Best regards,
Ismael

Hi,

@krugerparktours: Thanks for the update! Let us know if you need anything else. :)

Best regards,
Ismael

Hi,

Did you toggle the js/css compression in the Enfold > Performance panel after adding the modifications? You may need to disable the cache and minify plugins temporarily.

Best regards,
Ismael

Hi,

Thanks for the update.

I didn’t notice that you’re using regular posts. The blog posts’ grid layout could be an alternative but the layout is not quite the same as the masonry’s. Please try to edit the config-templatebuilder > aviashortcodes > masony_entries > masonry_entries.js file. Look for this code around line 54.

filters['itemSelector'] = "a.isotope-item, div.isotope-item";

Below, add this code…

filters['horizontalOrder'] = true;

Purge the cache and toggle the css/js compression in the Enfold > Performance panel. Let us know if it helps.

Best regards,
Ismael

Hi,

Thanks for the update.

Have you created a backup or a restore point of the files/database? We will update the theme once you’ve setup those up just in case. Please send us a copy of the latest version downloaded from your themeforest account.

Best regards,
Ismael

Hi,

@TrangVu: I was referring to the OP’s header layout. Please create your own thread. Place the site url and login credentials in the private field.

Best regards,
Ismael

Hi,

Thanks for the update.

You can add these parameters to the av_slideshow_full shortcode to control the visibility of the element.

av-desktop-hide='aviaTBav-desktop-hide' 
av-medium-hide='aviaTBav-medium-hide' 
av-small-hide='aviaTBav-small-hide' 
av-mini-hide='aviaTBav-mini-hide' 

Those parameters correspond to the Element Visibility option.

Hide on large screens (wider than 990px - eg: Desktop)
Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape)
Hide on small screens (between 480px and 767px - eg: Tablet Portrait)
Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)

Example:

That slide will be hidden on desktop view.

Best regards,
Ismael

Hi,

The single quotes were converted to their hmtl entity code so it broke the filter. Did you copy the code from your email? You should copy the snippets directly from this forum.

Best regards,
Ismael

Hi,

Thank you for the update.

It’s because of the masonry items. The items only display once the masonry container is visible on the view port so the whole document is shorter than it actually is on page load. This makes the anchor position inaccurate. Please add this css code to make the masonry items visible on page load.

.av-masonry-entry {
    opacity: 1;
    visibility: visible;
}

Best regards,
Ismael

Hi,

Add a Slide Background Image and set the Size to “cover” and position to “center center”. Click the “Show More Options” button and configure the “Parallax Defaults” option. The “Event” dropdown should be set to “Scroll” instead of “Cursor or Tilt”. You can also create a fixed background image effect with the color section or the full screen slider element. Just set the “Background Attachment” to “fixed”.

Best regards,
Ismael

Hey sir4you,

Thank you for using Enfold.

This is possible but you have to modify the config-templatebuilder > aviashortcodes > numbers > numbers.php file. Look for this code around line 342.

        		// add blockquotes to the content
        		$output  = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color '.$av_display_classes.' avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
        		$output .= 		'<strong class="heading avia-animated-number-title" '.$font_style.'>';
        		$output .= 		$before.$this->extract_numbers($number).$after;
        		$output .= 		"</strong>";
        		$output .= 		"<div class='avia-animated-number-content' {$font_style2}>";
        		$output .= 		wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
        		$output .= 	'</div></'.$tags[1].'>';

Replace it with..

        		// add blockquotes to the content
        		$output  = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color '.$av_display_classes.' avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
        		$output .= 		"<div class='avia-animated-number-content' {$font_style2}>";
        		$output .= 		wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
				$output .= 	'</div>';
				$output .= 		'<strong class="heading avia-animated-number-title" '.$font_style.'>';
        		$output .= 		$before.$this->extract_numbers($number).$after;
				$output .= 		"</strong></".$tags[1].">";

Best regards,
Ismael

Hi,

Thank you for using Enfold.

It’s one of the the isotope script bug where it tries to position a particular masonry item farther than where it is supposed to be located. Unfortunately, we are not sure why it’s doing that. You won’t see the issue when you’re using the Portfolio Grid element.

Best regards,
Ismael

Hi,

Thanks for the info.

You can create a custom shortcode to render the social icons on a page.

function avs_social_bookmarks_shortcode() {
	$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
	ob_start();
	echo avia_social_media_icons($social_args, false);
	$social = ob_get_clean();
	return $social;
  }
add_shortcode('avs-social-bookmarks', 'avs_social_bookmarks_shortcode');

Use this shortcode in a text or code block.

[avs-social-bookmarks]

Best regards,
Ismael

Hi,

Thanks for the update.

You can’t unmute a video and have it autoplay at the same time because of the browsers’ autoplay policy. You have to mute the video first in order for them to autoplay or just let the users manually play the videos and enable the audio. Unfortunately, you can’t have both.

// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Chrome’s autoplay policies are simple:

Muted autoplay is always allowed.
Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has added the site to his or her home screen.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

Best regards,
Ismael