Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey advteksol,

Please try the following in Quick CSS under Enfold->General Styling:

.postid-1567 main input[type='text'] {
  border-color: #fff;
}

.postid-1567 main input::-webkit-input-placeholder, .postid-1567 main input:-ms-input-placeholder, .postid-1567 main input::placeholder {
  color: #fff;
}

Best regards,
Rikard

Hi Erin,

Please try the following in Quick CSS under Enfold->General Styling:

.avia-testimonial-markup-entry-content p {
    font-family: 'verdana';
}

Best regards,
Rikard

Hi,

Did you check your settings under Enfold->SEO Support? Look for the Meta Tag “robots” option.

Best regards,
Rikard

Hey cbroome12,

Could you try updating the theme to the latest version (5.1.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If not, then please check the login details you posted, as they are not working.

Best regards,
Rikard

Hi,

Sorry for the delay. You can edit the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow-video.js file, look for the _playerReady function around line 279 and replace it with the following code.

		//wait for player to be ready, then bind events
		_playerReady: function()
		{
			var _self = this;

			this.$option_container.on('av-video-loaded', function(){ _self._bindEvents(); });

			switch(this.type)
			{
				case "html5":
					this.$video.on( 'av-mediajs-loaded', function(){ 
                        _self.$option_container.trigger('av-video-loaded'); 
                        _self._html5_mute();
                        _self._html5_play();
                    } );
					this.$video.on( 'av-mediajs-ended' , function(){ _self.$option_container.trigger('av-video-ended');  } );
					break;
				case "vimeo":
					//finish event must be applied after ready event for firefox
					_self.player.addEvent('ready',  function()
					{
                        _self._vimeo_mute();
                        _self._vimeo_play();
                        _self.$option_container.addClass('av-video-playing').removeClass('av-video-paused');
						_self.$option_container.trigger('av-video-loaded');
						_self.player.addEvent('finish', function(){ _self.$option_container.trigger('av-video-ended');  });
					});

					break;

				case "youtube":

					var params = _self.$video.data();

					if( _self._supports_video() )
					{
						params.html5 = 1;
					}

					_self.player = new YT.Player(_self.$video.attr('id'),
					{
						videoId: params.videoid,
						height: _self.$video.attr('height'),
						width: _self.$video.attr('width'),
						playerVars: params,
						events: {
						'onReady': function(){ 
                            _self.$option_container.trigger('av-video-loaded'); 
                            _self._youtube_mute();
                            _self._youtube_play();
                        },
						'onError': function(player){ $.avia_utilities.log('YOUTUBE ERROR:', 'error', player); },
						'onStateChange': function(event){
							if (event.data === YT.PlayerState.ENDED)
							{
								var command = _self.options.loop != false ? 'loop' : 'av-video-ended';
								_self.$option_container.trigger(command);
							}
						  }
						}
					});
					break;
			}

			//fallback always trigger after 2 seconds
			setTimeout(function()
			{
				if(_self.eventsBound == true || typeof _self.eventsBound == 'undefined' || _self.type == 'youtube' )
				{
					return;
				}

				$.avia_utilities.log('Fallback Video Trigger "' + _self.type + '":', 'log', _self );

				_self.$option_container.trigger('av-video-loaded');

			}, 2000 );
		},

This will mute the video and play it automatically. You may also have to modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js, look for the _prepareSlides function and at the very first line, just add this code to disable the function and prevent the theme from rendering the fallback images.

return;

Best regards,
Ismael

Hey Diana,

Thank you for the inquiry.

1-2.) You can use this css code to adjust the overlap issue on mobile view and hide footer logo.

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

  /* Add your Mobile/Tablet Styles here */
  .avia-image-container.av-l4tjzlhk-ec21aaea3608b0ab6b2a6cfbbd3dbdde {
    top: 100px;
    left: -20px;
  }

  div#logofooter {
    display: none;
  }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Thanks for the update. Are you referring to the LayerSlider plugin? If so, then that is bundled with the theme, and it’s working on all installations I’ve seen running PHP 8.x.x, so it’s not a general problem with the theme or LayerSlider. We can’t say why this problem is happening on your site unfortunately, but you could try to deactivate the bundled LayerSlider under Enfold->Layout Builder, to see if that makes any difference. Look for the Integrated (Bundled) LayerSlider Plugin option.

Best regards,
Rikard

Hey Audrey,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 1200px) {
.single-product-main-image {
  width: 100%;
  margin-right: 0;
  float: none;
}}

Cheers!
Yigit

Hi,

Thanks for contacting us!

Please refer to this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

Apparently Mastodon icon is not available on Fontello so please check under “Using images or non-Fontello icons” section :)

Regards,
Yigit

Hi,

Thanks for the screenshots. So it’s on pages like these you don’t like the featured image? https://kriesi.at/themes/enfold/category/science/, or do you only want to display it smaller?

Bonus; if that is a regular page, then you can add content to the sidebar under Appearance->Widgets. I’m not sure exactly what you had in mind for that, but if you are looking for a dynamic alternative, then there’s nothing like that in the theme by default unfortunately.

Best regards,
Rikard

Hi JannyPolak,

Please refer to this: https://kriesi.at/documentation/enfold/theme-registration/#toggle-id-5

Best regards,
Rikard

Hey RG1968,

Thank you for the inquiry.

We can use the following css code to adjust the breakpoint of the gallery columns on tablet/phone view.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile/Tablet Styles here */
  .responsive #top .avia-gallery .avia-gallery-thumb a {
    width: 50%;
  }
}

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

  /* Add your Mobile Styles here */
  .responsive #top .avia-gallery .avia-gallery-thumb a {
    width: 100%;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey Tim,

Please try the following in Quick CSS under Enfold->General Styling:

#top .av-main-nav ul ul {
    left: 207px;
}

Best regards,
Rikard

Hi Tobias,

Please open a new thread and include WordPress admin login details in private, so that we can have a closer look at your site.

Best regards,
Rikard

Hi,

Great, I’m glad to hear that you found the problem. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard