johannes999

thanks,
so I have first to upload those bootstrap files with Filezilla to the sepcified directory in my theme and then:

I have to enque those files:
bootstrap min.css , slim.min.js, popper.min.js and bootstrap.min.js in fuction.php!
am I right?
johannes

thanks both of you,
johannes

thanks
johan

sorry,
it worked after clearing the cache.
thanks
johan

thanks,
I activated them I have also looked with microsoft edge and I cleared the cache but it is not working .
this is my url:https://webdesignleren.net/
I don’t understand why they removed this mode from wordpress,before it was in wordpress.
johan

thanks,
it worked like this

.site-header {
	background-color:#074e68;
border:0.0625em solid #074e68;
height:6em;
}
.site-image-board {
border:0.0625em solid #074e68;
height:3em;
background-color:#074e68; 
margin-top:0em;
}
.site-footer {
border:0.0625 solid #074e68;
height:10em;
background-color:#074e68;

}

.site-info {
border:0.0625 solid #333333;
height:4em;
background-color:#333333;

}

but my question is if it is possible:
1- why bootstrap media query accepting not this header,footer,ect. codes?
2-when you go to my url now :https://webdesignleren.net/
you can see I let the width:100%; in media query but only the header is covered all.
the others(.site-image-board,site-footer ect.) are coverd partialy, is this because I made my own fluid1 and fluid2 codes in app.css?
3-is that Ok if I make the width of those to 120%?
johan

thanks
johannes

thanks for good advise,
I read a little and tomorrow I am going to read more about it.
my last question is it possible to use media query and EQCSS (element query) together?
and wil be not better to use both togeteher to get maximum result of it?
johannes

the same to you
thanks
johanes

thanks ,
I have solved the problem with using your advise in 2 lines in CSS:

 [type=email]{display:inline-block!important;} 
textarea {display:inline-block!important;} 

thank you very much
johannes

thanks ,
I didn’t see that
it solved the problem but one problem still exists.
when you look at the page :https://webdesignleren.net/contact/
every thing is OK besides the email field it doesn’t show itself on the background image.
de html code of the contactform is :

<div class="expanded row">
<div class="contact-formE small-12-column">	

<form id="my_form"   onsubmit="submitForm(); return false;"> 
<p><input id="n"  placeholder="Naam" required></p>
<p><input id="e"  placeholder="Email Address" type="email" required></p>
<p><input id="t"   placeholder="telefoon" ></p>
<p><input id="o"  placeholder="Onderwerp" required></p>
<textarea id="m"  placeholder="Uw bericht" rows="2" required></textarea>
<p><input id="mybtn"  type="submit" value="Submit Form"> <span id="status"></span></p>

</form> 

</div></div>

php code is :

 <?php
if( isset($_POST['n']) && isset($_POST['E']) && isset($_POST['t']) && isset($_POST['o']) && isset($_POST['M'] ) ) {
    
   $n = $_POST['n'];
   $e = $_POST['e'];
   $t =$_POST['t'];
   $o =$_POST['o'];
   $m =nl2br($_POST['m'] );
   $to ="[email protected]";
   $from = $e;
   $subject = 'Contact Form Message';
      $headers = "From: $from\n";
   $headers .="MIME-Version: 1.0\n";
   $headers .= "Content-type: text/html; charset=iso-8859-1\n";
  if(mail($to, $subject, $message, $headers)  ) {
       echo "success";
   } else {
      echo "The server Failed to sent the message. Please try again later.";
  }
}
?>

JQuery code is :

<script>
function _(id) { return document.getelementById(id) ; }
function submitform() {
         _("mybtn") .disabled = true;
         _("status") .innerHTML = 'please wait ...' ;
         var formdata = new FormData () ;
         formdata.append( "n", _("n") .value );
         formdata.append( "e", _("e") .value );
         formdata.append( "t", _("t") .value );
         formdata.append( "o", _("o") .value );
         formdata.append( "m", _("m") .value );
         var ajax =new XMLHttprequest () ;
         ajax.open( "POST", "example_parser.php" );
         ajax.onreadystatechange = function() {
              if (ajax.readyState == 4 && ajax.status == 200) {
                   if(ajax.responseText =="success") {
                      _("my_form") .innerHTML = '<h2>Thanks '+_("n") .value+', your message has been sent.</h2>';
          } else {
                _("status") .innerHTML =ajax.responseText;
                _("mybtn") .disabled =false;
                       }
            }
    }
      ajax.send( formdata );
}                   

</script>

and the CSS code is:

.contact-form-tekst {
font-size:1.2em;
font-weight:500;
margin-top:4em;
color:#074e68;
margin-left:-3%;
}

.contact-form {
margin-top:0.4em;
}

.contact-formT {
color:red;
margin-top:-26em;
margin-left:2%;
}

.contact-formE {

margin-left:2%;
margin-top:-24em;
}

#n{
width:40%;
border:0.1em solid red;

}

#e{
width:20%;
border:0.1em solid #228B22;
}

#t  {
width:20%;
border:0.1em solid #228B22;
}
#o {
width:20%;
border:0.1em solid #228B22;

}
#m {
width:40%;
border:0.1em solid #228B22;
margin-left:0.1%;

}

#mybtn{
width:12%;
border:0.1em solid #228B22;
}

what do you think what is the wrong is here that the email field only is not showing.
johannes

thanks,
the code didn’t work.
the second Question is:
on the right side of the contact page are some containers with borders which includes openig time facebook container ect.
the container for the the opening time for example has this CSS code:

.section-aside1  {
height:26em;
width:92%;
<strong>border:0.1em solid #074e68;</strong>
margin-top:0.4em;

}

this 0.1em solid borders for the container opening times was showing correctly and suddenly they disappeared.there is no borders showing anymore around every container on the right side of the contact page
I just looked with micrososft edge and opera the problem exists as in the chrome .
thanks
johannes

thanks
hovhannes

thanks,
I understand and I know about compression of images with special plug in.
just to get an idea which size do you personally will prefer or use for your projects for example for a website for auto repair service or something like similar?
hovhannes

Thanks,
I am working with foundation grid system it took me more than an hour to do what exactly you advised me .
it is solved anyway.
thank you
hovhannes