Hi tech500!

Thank you for using Enfold.

The masonry items loaded fine when I checked the page initially. Try to install a cache and minify plugin to improve loading speed. Or follow the solution provided here: https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

The thumbnail that is being use in the masonry element is the masonry thumbnail with a max width and height of 705px. This is important to cover taller and wider images which is what the masonry element needs, flexibility. And since the masonry column container is percentage base, there’s no way to set a specific thumbnail size without compromising the image ratio and proportion. To make a long story short, any page with the masonry element in it will have a hard time passing the google image optimization test without tinkering with the core theme files. However, you can decrease the thumbnail size and then regenerate the thumbnails (https://wordpress.org/plugins/simple-image-sizes/) or you can use this plugin to compress image file size even more: https://wordpress.org/plugins/wp-smushit/

Best regards,
Ismael

Hey!

Yeah, sure. Please post the login details here. We’ll create an example in a test page. What you need to do first is to enable the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

1.) Edit the current slider, look for the Custom CSS Class field at the very bottom of the slider options panel. Add a custom css class attribute, call it “hide-mobile” for example.

2.) Add another video element above or below the slider then add the url of the video, same video url in the slider, configure the options etc. Again, look for the custom css class attribute, this time use “hide-desktop”.

3.) Save the page then go to the Quick CSS field. Use this:

@media only screen and (max-width: 989px) {
.hide-mobile { display: none; }}
@media only screen and (min-width: 990px) {
.hide-desktop { display: none; }}

You should have an automatic video slider on desktop view and a video element that users can watch on mobile.

Regards,
Ismael

Hi!

After you add the custom css class attribute, you need to use it in the Quick CSS field in order to modify the current element. Use this:

.gefuehle-title h3 {
  text-align: right;
}

Best regards,
Ismael

Hey!

Most of the advance page builders (visual composer, mini-max, fusion builder, etc) out there don’t work well with the Yoast SEO plugin’s analysis feature. This is something the plugin should improve on, not vice versa. You can contact the plugin author for more info.

Cheers!
Ismael

Hi Luxususer!

Thank you for using Enfold.

I’m sorry but I’m not sure if understand your question. What do you mean by “contribution”? Are you trying to show an excerpt instead of the full content on the blog overview page? You can edit the blog post element then you can set the Blog Content length to Excerpt with read more link.

Cheers!
Ismael

Hi!

The home page’s header is set to transparent, other pages are set to the standard header. Was that intentional?

Regards,
Ismael

Hi!

Thank you for using Enfold and sorry for the delay.

Looks like you created the single post entry using the advance layout builder. Note that the ALB will remove all default elements in the post including the title, post meta info, featured images, comments etc. You have to add all of it manually. And since you disable the title and breadcrumb container, you will have to manually add the single post title as well, you can use the special heading element or the text block.

Cheers!
Ismael

Hey!

This is the first time this kind of question has been asked in the forum. We are not really sure what’s causing it and why it would happen on your installation but not from other enfold installations. Can you please provide any reference material related to the issue that we can check?

Regards,
Ismael

Hi!

Looks like you’re using a custom script or plugin inside the layer slider. I’m sorry but we don’t provide support for third party plugins. Please contact the plugin or script author for more info regarding the issue.

Regards,
Ismael

Hi stroudas!

Thank you for using Enfold.

Replace the code with this:

div#header_meta {
  padding: 0 50px;
}

#header_meta .container {
  min-height: 30px;
  background-color: #000;
  width: 100%;
}

Best regards,
Ismael

Hey!

Glad we could help. :)

Cheers!
Ismael

Hi wrathyn!

Thank you for using Enfold.

Most of the learning management system or lms plugins are not free such as sensei, learndash etc. If you’re just looking to restrict certain pages with video or audio content in them, maybe these plugins will help:

https://wordpress.org/plugins/pagerestrict/
https://wordpress.org/plugins/membership/

I think it’s better if you upload the video and audio files to a third party host such as vimeo, youtube, for audio you can use soundcloud. It will make the media buffering much more faster and you don’t have to worry about the server space.

Regards,
Ismael

Hi!

OK. The featured images for each variation displays fine when you’re not using a plugin. Try to add this in the functions.php file:

add_action('wp_footer', 'ava_custom_script', 10);
function ava_custom_script(){
?>
<script>
(function($){	
	$('div.variations_button .button').click(function(e) {
		if($('#top .variations select')[0].selectedIndex === 0 ) {
			e.preventDefault();
			alert('Please choose product options…');
		}
	});			
}(jQuery));
</script>
<?php
}

Best regards,
Ismael

Hey!

The translate method moves the element from its current position. You can test it here: http://www.w3schools.com/css/tryit.asp?filename=trycss3_transform_translate

In that case, you don’t actually need the transform property. Where do you want to position the widget? The left and top property should be enough in order to adjust the position of the widget element.

Best regards,
Ismael

Hey!

You can add another video element with the same video url on top of the slider. We can force this video to only display on mobile devices. Use css media queries to hide or show an element. Please refer to these links for more info.

http://stackoverflow.com/questions/11796297/div-show-hide-media-query
https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263
https://kriesi.at/support/topic/is-there-an-option-to-create-a-separate-page-design-specific-to-mobile-devices/
https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/
https://kriesi.at/support/topic/replace-slider-on-mobile/

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

Regards,
Ismael