how did you place the video? Inside a full-width slider?
Are there other slides inside the slideshow that should also have that overlay?
Give a custom-class to that slideshow f.e. dark-overlay and then use the after pseudo container to get the overlay:

.avia-slideshow.dark-overlay .av-video-slide .mejs-mediaelement:after {
  content: "";
  position: absolute !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.1) 70%);
  background-size: cover;
  background-repeat: no-repeat;
}

on the other hand – you could style the caption – to have a better contrast – f.e.:

.avia-slideshow.dark-overlay .av-video-slide .avia-caption-title {
  text-shadow: 
    1px 1px 0 #c7c8ca, 
    2px 2px 0 #b1b3b6, 
    3px 3px 0 #9d9fa2, 
    4px 4px 0 #8a8c8e, 
    5px 5px 0 #77787b, 
    6px 6px 0 #636466, 
    7px 7px 7px #000;
}

see: https://webers-testseite.de/divider-on-sliders/

• This reply was modified 2 years, 2 months ago by Guenni007.

or use a filter to show only on specific pages / posts etc. the breadcrumbs:

function avf_header_setting_filter_mod($header_settings) {
  if ( is_category() || is_archive() ) || has_category() { 
    $header_settings['header_title_bar'] = "breadcrumbs_only";
  }
  return $header_settings;
}
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);

yes – the code is correct and seems to be achieved via the standard way using the google map share button on the map.
I am asking this because it sometimes happens that my fellow participants transfer something like this manually and then errors occur (like not closing tags).
I therefore think that you should first try to reinstall the theme (maybe something went wrong during the installation) – and at the same time perform an update (if not already done).

hm – I have never attached any particular importance to it. But you are indeed right. It seems that the base.css (line 470ff) setting of the font is used there. It’s listed as HelveticaNeue, Helvetica etc. Since Enfold stores the fonts you set in options as a variable, you can set here:

#top .input-text, 
#top input[type="text"], 
#top input[type="input"], 
#top input[type="password"], 
#top input[type="email"], 
#top input[type="number"], 
#top input[type="url"], 
#top input[type="tel"], 
#top input[type="search"], 
#top textarea, 
#top select {
	font-family: var(--enfold-font-family-body) !important
}

or if you like to change it only for that input field:

#top #s {
  font-family: var(--enfold-font-family-body) !important
}

maybe this should be changed on default to inherit the font like all the other settings ( line 20ff)
(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, etc. )

can you post the code you inserted to that code-block ( use code tag here please to better inspect the code)

on default the value in that input field of max-width is 1310px – but i tend to set it to 1500 (or 1510px)
a totaly missing of max-width ( max-width unset ) looks strange ;)

have a look at your code :

@media only screen and (max-width:1100px) {
  .responsive #top .av-main-nav .menu-item-avia-special {
    display:block !important
  }
  .responsive #top .av-main-nav .menu-item {
    display:none !important
  }
/************** here is a missing closing curly bracket *******/

  @media only screen and (max-width:1024px) {
    #header_meta {
      display:none
    }
  }

Another approach could be the way to animate the grid box itself:
(real grid layout)

https://css-tricks.com/animating-css-grid-how-to-examples/

hast du ein Sicherheitsplugin installiert? Sowas wie “iThemes Security” – dort gibt es diese Option ( unter WordPress Optimierungen ) es ein/ab zuschalten.
Etliche Security Tools haben diese Option.

ok – today here it is:
and it seems to come from float-menu plugin:

update that plugin or download it again- becaue on the neweset one they got woff2 inside the vendors folder:

have you a link to the dottie file your are talking about to check if it is not a matter of that file.

It is not part of enfold. Did. You Upload it yourself?

https://kriesi.at/support/topic/enfold-upcoming-fixes/
see : tweaks

but i tested ismaels code – and it does not even add the attribute.

On reading a lot of articles – the only thing that works is to add this attribute:

function remove_text_input_mode_on_datepicker(){
?>
<script type = "text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$('.avia_datepicker').each(function() {
			$(this).attr('readonly','readonly');
		});  
	})(jQuery);
});
</script>
<?php
}
add_action( 'wp_footer', 'remove_text_input_mode_on_datepicker', 20 );

PS:
https://kriesi.at/support/topic/date-picker-form-issue-mobile/#post-1422097

Yes – Mikes way to update is the way i prefer too! – if the versions are not so distant to each other. That is a big jump from 4.8 to 5.6
To have a rollback to this older version, I would use the following update procedure.
https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107

next hint: if you open a page on a device with touch screen options : you will have on html a class: touch-device
so if you like to style those devices with touch – you can use that btw. if you use it as : .responsive:not(.touch-device) you can set stylings for non touch devices.
PS: denke aber auch daran, das selektoren nur dann wirksam sind, wenn die Spezifität höher als die existierend Regel ist – siehe z.B.
https://kulturbanause.de/blog/css-spezifitat/

du siehst, das ID’s mit 100 Punkten und Klassen nur mit 10 Punkten.
man sollte nicht allzuhäufig zu der Nutzung des !important übergehen. Oft reicht es wenn die neue CSS Regel einige ID’s beinhaltet.
wie die ID am body tag: #top