Ich glaube Du merkst schon, ich habe vom Code absolut keine Ahnung... :?::-( Aber DAS hat mir geholfen und jetzt funktioniert alles! DANKESCHÖN, DU BIST MEIN PERSÖNLICHER HELD! :-)
Beiträge von StefHu
-
-
Also ich habe jetzt das - rausgenommen kann aber jetzt die Abstände nicht mehr regulieren. Der code ist jetzt so:
<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>
<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>Ich habe also keine Abstände, trotzdem werden auf dem tablet und auf dem Laptop jetzt rießen Abstände angezeigt. Auf dem Smartphone ist die Ansicht jezt gut. Es ist also genau anders herum.
.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}h4.sub-title-modal{margin-bottom: 50px;}
Media all and ( max-width:150px ){
h4.sub-title-modal{margin-bottom: 10px;}
}
} -
Du bist mein Held! Jetzt funktioniert nur das Formular wieder nicht :cry: melde mich dazu im anderen thread
-
Hallo
auf meiner Seite http://powermaticspain.com/ funktioniert das Menü, bis ich auf Contacto klicke. Sobald ich Contacto ausgewählt habe, kann ich keinen der anderen Menüpunkte mehr wählen. Woran kann das liegen und wie kann ich das ändern?
Danke
Stefanie -
Hi Maxe,
danke für deine hilfe, aber auf dem Smartphone wird es immer noch nicht gut angezeigt.
Habe das so abgeändert:
.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}h4.sub-title-modal{margin-bottom: 50px;}
Media all and ( max-width:859px ){
h4.sub-title-modal{margin-bottom: 10px;}
}Ist das korrekt?
Wenn ich die Abstände bei dem Modal Html code rausnehme
<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>
<div class="dashed"> </div>
<div style="margin: 0 auto !important;">
</div>
<p style="text-align: center;">[contact-form-7 id="392" title="form-aside"]</p>schiebt es mir Text und Formular zusammen.
Was kann ich machen, dass es auf dem Smartphone auch gut angezeigt wird?
-
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
Alles anzeigen<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
Alles anzeigen#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