Hi zusammen,
ich habe auf meiner Seite ein Plug In installiert. "Pulsa y te llamo gratis" auf http://powermaticspain.com/. Allerdings wird der Text innerhalb dieses formulars entweder zusammengeschoben angezeigt, oder auf dem Smartphone und Tablet mit zu viel Abstan zwischen Text und Formular.
Ich habe das nun so abgeändert, damit es im Browser gut aussieht:
HTML
<h4 class="title-modal" style="text-align: center;">¿Necesitas que te ayudemos en algo?</h4>
<p style="text-align: center;"> </p>
<h4 class="sub-title-modal" style="text-align: center;">¡TE LLAMAMOS GRATIS!</h4>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="dashed"> </div>
<div style="margin: 0 auto !important;">
<p style="text-align: center;">[contact-form-7 id="392" title="form-aside"]</p>
</div>
Durch die vielen Abstände habe ich jetzt aber auf dem Smartphone und auf dem Tablet zu viel Abstand. Wie kann ich dieses Plug In bearbeiten ohne, dass sich die änderungen auch auf den anderen Endgeräten bemerkbar machen?
Kann ich das im CSS hier ändern und falls ja was muss ich anpassen?:
Das ist der CSS Code auf den ich Zufgriff habe:
HTML
#responsiveSearchInput,#responsive-menu-title{display:none !important}
#responsive-menu .responsive-menu li a {font-family:'Philosopher' !important;font-size:1.4em !important;margin-top:20px !important}
.header-social-container .social a{margin-top:-2px !important}
.osc-res-tab .nav-pills > li + li a:hover{
background-color:#181818 !important;
color:#fff !important}
.menu ul {
margin: 0px;
z-index:0 !important
}
.emodal-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 9999 !important;
background-color: rgba(51, 51, 51, 0.92) !important; display: block;
}
.emodal > .emodal-close {
text-decoration: none;
text-align: center;
line-height: 1;
position: absolute;
font-weight: 700 !important;
cursor: pointer;
min-width: 1em;
font-family:'Lato' !important;
font-size:1.2em !important;
background-color:#C0392B !important
}
#eModal-1,.emodal{z-index:999 !important; border:7px solid #C0392B !important}
.osc-res-tab .nav-pills > li.active > a, .osc-res-tab .nav-pills > li.active > a:hover, .osc-res-tab .nav-pills > li.active > a:focus {
color: #FFF;
background-color: #C0392B !important;
}.osc-res-tab .nav > li > a {
position: relative;
display: block;
padding:10px 15px !Important;
@media only screen and (min-width: 600px){
#img-modal-contact{display:none !important}
.hide-text{display:none !important}
.wpcf7-form{margin-top:-160px !important}
}
@media only screen and (max-width: 512px){
.hide-text{margin-bottom:30px !important}
#img-modal-contact{padding-bottom:0px !important;}
#img-modal{display:none !important}
.hide-text-contact{display:none !important}
.rev_slider_wrapper fullwidthbanner-container, #rev_slider_1_1_wrapper { width:100% !important; max-width:940px !important; margin-top:40px !important}
input[type="text"], input[type="email"],input[type="tel"],input[type="password"] {
border: 2px solid #CCC;
margin-top:3px !important;
padding: 10px 4px !important;
outline: medium none;
border-radius: 2px;
font: 16px "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #181818;
margin: 0px 0px 20px;
width: 200px !important;
max-width: 100% !important;
display: block;
background: #FFF none repeat scroll 0% 0%;}
.emodal{
width:260px !important;
max-width:100% !important;padding-bottom:0px !important}
textarea{width 295px !important; max-width:100% !important;margin-top:3px !important;}
h1.entry-title{font-size:32px !important;padding-top:30px !important}
.entry-post{font-size:28px !important}
.inverse{font-size:22px !important}
h2.home-title{
font-size: 22px !important;
line-height: 36px !important;
}
}
@media screen and (max-width: 800px){
#img-modal-contact{}
.footer h3{font-size:1.2em !important}
h1.page-title{font-size:2.2em !important}
.margin-telefono-contact{margin-top:170px !important}
.margin-devices{margin-top:30px !important}
.pica-right{margin-left:0px !important;}
#img-modal{display:none !important}
.menu li a{color:#fff !important}}
@media only screen and (max-width: 512px){
input[type="submit"]{
margin:12px 0 !important;
width: 210px !important;
max-width: 100% !important;
}
.emodal-content h4.sub-title-modal{
text-align: center; color:#333;font-family:'Philosopher' !important;font-weight:700 !important;font-size:1.6em !important;padding-top:0px !important}
.emodal-content h4.title-modal{
text-align: left; color:#333;font-family:'Philosopher' !important;font-weight:200 !important;font-size:1.4em !important;padding-top:10px !important}
@media only screen and (max-width:980px){
.header-social-container .social a{margin-top:8px !important}
.emodal-content h4.title-modal{font-size:1.11em !important}
.emodal-content h4.sub-title-modal{font-size:1.5em !important;text-align:left !important}Danke Euch
Stefanie