Wait for mods or post your link – i don’t know where your custom ID is.

How many contact forms do you have on that page.
maybe the .page-id-12345 will make it for you.

maybe for not globaly set the rule has to include the input bzw textarea etc tag

.main_color  #contactform input::-webkit-input-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform input:-moz-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform input::-moz-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform input:-ms-input-placeholder {
color: #ffffff !important;
}
.main_color  #contactform input::-ms-input-placeholder {
color: #ffffff !important;
}
.main_color  #contactform textarea::-webkit-input-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform textarea:-moz-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform textarea::-moz-placeholder { 
color: #ffffff !important;
}
.main_color  #contactform textarea:-ms-input-placeholder {
color: #ffffff !important;
}
.main_color  #contactform textarea::-ms-input-placeholder {
color: #ffffff !important;
}

it seems enfold had set up a rule with .main-color class so try to be more specific with:
(normaly the ID should overwrite a rule with class don’t know why it does not)

.main_color #contactform ::placeholder { 
color: #fff !important;
opacity: 1
}
.main_color  #contactform ::-webkit-input-placeholder {
  color: #fff !important;
}
.main_color  #contactform ::-moz-placeholder { 
  color: #fff !important;
}
.main_color  #contactform :-ms-input-placeholder { 
  color: #fff !important;
}
.main_color  #contactform :-moz-placeholder { 
  color: #fff !important;
}

it comes from Enfold Options – Main Content – Secondary font color

that is an additonal information and separated with a separator
it is to individualize the placeholder text
you can see here the effect: https://webers-testseite.de/kontakt/

by the way:
you can change / add placeholder text (even if you have not choosen that option on enfold dialog with that here on

first of all – i don’t know if two semicolons at the end will come into conflict.
try this first.

second: you have no browser plattform for firefox and consorten :
and think of opacity for firefox – because it has set this to 0.8

::placeholder { 
    color: #fff !important;
    opacity: 1; 
}

_______________________

by the way:
you can change / add placeholder text (even if you have not choosen that option on enfold dialog with that here on functions.php of child-theme
Change it to your page-id

function change_placehoder_txt() {
if( is_page(2604) ) {
?>
<script type="text/javascript">
  jQuery('#avia_1_1').attr('placeholder', '  Anything you like*');
  jQuery('#avia_2_1').attr('placeholder', '  Anything you like*');
 </script>
<?php
}
}
add_action('wp_footer', 'change_placehoder_txt');

The easiest way to get distance to the Input field is to insert spaces on the text.

do you have a custom header.php file in your child theme?
The first 27 lines in header.php have completely changed. So if you go with a child-theme version you have to renew your adjustments there and place a new one.

And maybe another test : don’t know if thes you.tu links are wellcome use :

https://www.youtube.com/watch?v=YEmI2MDpasE?enablejsapi=1&autoplay=1&ecver=2&cc_load_policy=1&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3&iframe=true

see here with your video ( i just made the modal window bigger for my use) :
https://webers-testseite.de/videos-on-lightbox/

i see you got on this page a lot of videos.
so if you are working with a child theme – and if you are not willing to do this by hand
– do this to functions.php of your child-theme:

function add_lightbox_option(){
if(is_page(21397)){
?>
<script>
(function($){
	$('a[href*="you"]').each(function(){
	     this.href += '?iframe=true';
	});  
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'add_lightbox_option');

if this does not work – than our jquery is a bit too old – and we have to find a different way.

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

i read on another thread that class avia_activate_lightbox
would activate the lightbox – maybe this is a nice try:

function custom_lightbox_sc(){
?>
<script>
(function($){
  $(document).ready(function(){  
    $(".ihf-main-image img").each(function() {
    var a = $('<a/ class="avia_image lightbox-added avia_activate_lightbox">').attr('href', $(".ihf-main-image img").attr('data-ihf-main-source'));
    $(this).addClass('avia_image').wrap(a);
  });
 });   
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_lightbox_sc');

on that image – aren’t that checkboxes –
or does it be one big choose and you only can activate one of the three?

is there a link to that?

what is your layout
a text-block or a h2 heading.

if you have a h2 in the text block it will be:

.avia_textblock.my_custom_class h2 { … }

I am very sorry, but here ends my knowledge – maybe a mod (perhaps the other guenter) can help you.

i thought that the whole installation is yours and the caroussel images are on their server and are called via plugin (maybe a shortcode) to inject the content.
You have no influence on that domain: http://robwiley.staging.wpengine.com/ (hosted on WPengine) ?

if you have please place a lightbox image elsewhere in that page.

no that is normal link opening – not the lightbox.

can you please try to place on the bottom of that page an enfold avia Image with lightbox link. Just to see if the images of your caroussel will go to that container. The mfp-container was not generated

By the way if you are using new 4.3.1 and have performance load only used elements – than this will be one reason for it.
Set it for that moment to alway load all elements.

it seem that the images in the slideshow gets in a time their src attribut.
i have to learn that data- attribute is a html5 global attribut-( and select syntax is a bit different to alt src or title)

can you try this what happens:

function custom_lightbox_sc(){
?>
<script>
(function($){
    $(".ihf-main-image img").each(function() {
    var a = $('<a/>').attr('href', this.data('ihf-main-source'));
    $(this).addClass('image').wrap(a);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_lightbox_sc');

or (but seems to be identically)

function custom_lightbox_sc(){
?>
<script>
(function($){
    $(".ihf-main-image img").each(function() {
    var a = $('<a/>').attr('href', this.attr('data-ihf-main-source'));
    $(this).addClass('image').wrap(a);
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_lightbox_sc');

If id is specified, it will replace the current session id. session_id() needs to be called before session_start() for that purpose.
What is the reason to avoid session id?
if f.e. here on board the session is killed – you will be loggt off.
People use Google Adsense – Google Analytics etc. if there is a use with anonymiser than even those cookies are GDPR conform.

by the way – these are three ALB Elements – i tested it – comment the whole line out like:

 // if(!is_admin() && !current_theme_supports('avia_no_session_support') && !session_id()) session_start();

and upload it (best to child-theme with shortcodes loading snippet)

you have to adjust this to your page which it concerns

@media only screen and (max-width: 767px) {
.responsive #top.page-id-32166 #wrap_all .container {
    width: 100%;
    max-width: 100%;
  }
}