and is there another method that will bring us a solution afterwards now?
allthough it is in the DOM it does not work ?

and

Is it possible to choose a span of dates when using the date picker in a contact form as opposed to just choosing one day? For instance booking a rental between a span of days instead a single day. Let me know when you get a minute. Thanks!

just place two datepicker fields beside each other one is the from the other to field

Sad : the topic is closed.
i tried to have a from to datepicker – and i want to have the value of the from field is the minDate of the to field.
I got this working – but it destroyes the styling of the datepicker – i don’t know why ?
(if the inputfields are in that position 6 and 7)

function my_datepicker_defaults() {
?>
 <script type="text/javascript">
(function($) {
    $(document).ready(function(){ 
      $('#avia_6_1').datepicker({onSelect: function(selectedDate) {
            $('#avia_7_1').datepicker('option', 'minDate', selectedDate);
		  setTimeout(function() { $('#avia_7_1').focus(); }, 0);
      }});
      $('#avia_7_1').datepicker({onSelect: function(selectedDate) {
            $('#avia_6_1').datepicker('option', 'maxDate', selectedDate);
      }});
    });
})(jQuery);      
</script>
<?php
}
add_action('wp_footer', 'my_datepicker_defaults', 10);

you have to give a rule for the logo img too.

f.e.

.logo img {
    height: 133% !important;
    max-height: 200px !important;
}

by the way if you like to show datepicker without weekends:
place this to quick css:

.ui-datepicker-week-end {
	    display:none
}

you can reach it via child-theme functions.php.
i use it in combination with exclude dates.
If so these have to be before min-date / max-date setting:

be carefull – do not exclude the dates with 01 for January etc – just 1

function exclude_datepicker_dates() {
?>
<script type="text/javascript">
    var unavailableDates = ["2019/1/15" , "2019/12/25"];
    function unavailable(date) {
    ymd = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
      if (jQuery.inArray(ymd, unavailableDates) == -1) {
      return [true, ""];
      } else {
      return [false, "", "Unavailable"];
      }
    }
</script>
<?php
}
add_action('wp_footer', 'exclude_datepicker_dates', 10);

function my_datepicker_defaults() {
?>
 <script type="text/javascript">
    jQuery(document).ready(function(){ 
        jQuery.datepicker.setDefaults({
            beforeShowDay: unavailable,
                  minDate: new Date('2018/12/01'),
                  maxDate: new Date('2019/12/31')
            });
    });   
 </script>
<?php
}
add_action('wp_footer', 'my_datepicker_defaults', 20);

ok – i’m out now. Sorry

please see here: https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250

your event listener is on the container not the img – just copy paste this from the link !!!

i can see in your source code the the event is still on the container above the img.

it has to be on the img like in the code : https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250

Aha – this is something new to me! if you have not the fixed image size setting on masonry gallery – you will have img as before.
I never recognized that!

So you can work with the gallery title fix and that code. – i will test it on that example page above!

your icon-boxes are now in 1/3 columns – aren’t they?
you only have to put all of them in a 1/1 container . Erase the other two 1/3 container.
Open 1/1 container and set the custom-class for it to: flex-iconboxes – that is only a name to adress ( select ) them much easier.

Unfortunately I can’t give more than illustrated instructions. – If you don’t know how to set a custom class, just ask.
An explanation of what the code does is also attached and a link for more understanding.

If you want simple solutions – you just have to be satisfied with simple layouts.

so – now i see your link page. You are on Enfold 4.5.6 – on some reasons i would advise you to update, but because of this change to background-images – i advise you not to.

So i will see what is the code for Enfold 4.5.6 … brainstorming now

on the reason i mentioned above ( change from img to background-image ) the gallery fix will not work anymore to have alt attribute instead of title shown under the lightbox images.
Please find an alternative way to have that !!!

to solve the problem with the tooltip ( only for the new masonry Enfold 4.5.7 ! ) you can have an empty title attribute on hover:
this to child-theme functions.php

function remove_standard_tooltip(){
?>
<script>
(function($) {
$(window).load(function(){
$('a.lightbox-added .av-masonry-image-container').hover( 
  function() {
        $(this).attr("orig_title", $(this).attr('title'));
        $(this).attr('title', '');
  }, function() {
        $(this).attr('title', $(this).attr("orig_title"));
  }
);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_standard_tooltip');

bei der Eingabe der Domain dort bei Google – die reine Domain angeben gefolgt von einem Asterisk
(früher war noch eine leerstelle dahinter von Nöten, weil der Asterisk sonst verschwunden war.
also zB so : *.domain.de/*
Dann sollte die komplett Domain / eben auch unterseiten freigeschaltet sein. Bitte beachten, dass es dauern kann ( 15min ) bis das greift.

a different but similar way is to use the flexbox model: And this is a more mighty tool to adjust each column as you like – my prefered method.
This is the setting of the layout:

you see that the custom Class is set on the 1/1 container! – here in my example code : flex-iconboxes

quick css:

@media (min-width: 990px) {
  .flex_column.flex-iconboxes {
  display: flex;
  flex-flow: nowrap row;
  justify-content: space-between;
  align-items: stretch;
}

.flex-iconboxes .iconbox {
  flex: 0 1 30%;
  background-color: #e8e8e8 !important;
  border-radius: 5px;
  margin-bottom: 0 !important;
}

.flex-iconboxes .iconbox_content {
  box-shadow: none !important;
}
.flex_column.flex-iconboxes::before, .flex_column.flex-iconboxes::after {
    display: none;
}
}

the background-color of the iconboxes is set here for all!

if you have different bg-colors set them via:

.flex-iconboxes .iconbox:nth-child(1) {
    background: #cdf7e7 !important;
}

.flex-iconboxes .iconbox:nth-child(2) {
    background: #d0e4f4 !important;
}

etc. – btw: if you break your menu at 768px you have to adjust that value on media query setting to min-width: 768px

see result here: https://webers-testseite.de/iconboxes-with-equalheight/

______________

what does the code do
the 1/1 column is set as the parent container to display : flex
the flex-items are set to 0 1 30% that means the items are not allowed to grow (first value) – the items are allowed to shrink (second value) the flex basis is set to 30%.
because the parent container gets justify-content : space-between the space between the items is for all 10% makes with two spaces 5% each.
align-items : stretch – means they get the same hight.

see nice tutorial here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

could you make your page link public here?

well i think you mean the image used for transparency options – it is indeed under subtext class the image – but the image itself has a unique class : alternate – so you can use that too for select the right image.
i noticed that little snippet to influence both logo img and logo alternate img . On most of my installations it is not necessary to have to wait for dom loading finished. But it will be the right way to do it exactly.

function custom_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo img').attr({ title:"custom_title", alt:"custom_alt" });
  $('.logo img.alternate').attr({ title:"transparent Logo", alt:"Alt Transparent" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_attriubtes');

i guess you can use both prop or attr to have this set.