Beiträge von Sailor56

  • Datenschutz bestätigen

    Zusätzlich einfügen - im Customizer -> zusätzliches CSS - ist in der Regel die bessere Variante.
    Wenn du den Code in deine style.css läufst du Gefahr, dass bei einem Update die Änderungen verloren gehen - das zusätzliche CSS bleibt aber bestehen.

  • Datenschutz bestätigen

    Die von dir beschriebenen Probleme kann ich nicht nachvollziehen...

    Zitat von Tanne

    ..das es auf dem Handy zu groß ist und der Akzeptieren Button nicht gedrückt werden kann....


    Welches Handy? Welcher Browser?
    Auf meinen Mobil-Geräten (Samsung Galaxy, Nokia mit Windows OS, Huawei Tablet) funktioniert es tadellos.
    Die bemängelte Größe der Anzeige musst du dann im CSS (ggf. mit Media-Queries https://www.w3schools.com/css/css_rwd_mediaqueries.asp) so einstellen, dass es den Wünschen deiner Besucher besser entspricht - aber heee... man kann es nicht jedem Recht machen.
    Zu dem 'nicht-anklickbar' kann ich mir nur vorstellen, dass es etwas mit den diversen z-index(en) in deinem CSS zu tun hat. Da könntest du versuchen, die Inputs ganz nach vorne zu holen, indem du denen den höchsten z-index gibst!
    Versuche mal das in deinem CSS...

    HTML
    .privacy-notice {
  box-sizing: border-box;
  width: 90%;
}
.privacy-notice-input-wrapper input {
  z-index: 2001;
}


    Und dann die Besucher anfragen, ob es jetzt funktioniert?

  • Contact design

    Mit '!important; ' meine ich das so, wie ich es da im Code hingeschrieben habe.
    Das ist eigentlich keine wirklich gute Praxis es so zu machen - aber im CSS gilt immer die letzte, oder in der Priorität höhere Anweisung.
    Inlinestyles haben eine sehr hohe Priorität und um die zu überschreiben muss man zwangsweise '!important;' nutzen - oder den Inlinestyle löschen.
    Hat das nicht funktioniert mit der textarea?

    Wenn die Linie zu lang ist, dann musst du einen anderen Container finden, der in der 'Höhe' passt...zB

    HTML
    .about-details.style3 {
  border-right: 2px solid #ccc;
}


    Den vorherigen Versuch dann löschen.

  • Contact design

    Die Nachrichtenzeile lässt sich mit CSS beliebig in der Größe einstellen - in deinem Fall könntest du versuchen der 'textarea' eine min-height zu geben.

    HTML
    textarea.wpcf7-form-control {
  min-height: 150px !important;
}


    mit !important, damit die Inlinevorgabe 'rows' überschrieben wird.

    Für die vertikale Linie könntest du versuchen dem Container mit den Eingabefeldern eine 'border-left' zu geben

    HTML
    div.wpb_column:nth-child(2) {
  border-left: 2px solid #bbb;
}


    ... ausprobieren - bei Nichtgefallen wieder löschen.

  • Template Twenty Seventeen, Inhaltstext breiter

    Jep... sehe ich jetzt auch - man muss eben auch immer das 'Ganze' auf die Auswirkungen prüfen.

    Aber versuche mal das...

    HTML
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
   max-width: deine_breite_px; 
}
@media screen and (min-width: 30em) {
.page-one-column #content .wrap {
  max-width: deine_breite_px;
}
}

  • Abstand zum Seitentitel verkleinern

    Dafür sind im CSS die folgenden Einträge zuständig..

    HTML
    .site-content {
  padding: 0px 0px 0px 0px;
}
.page.page-one-column .entry-header {
  margin-bottom: 0px;
}


    Mal ins zusätzliche CSS eintragen und mit den Werten spielen.
    Es existieren für beide Elemente auch noch MediaQueries..

    HTML
    @media screen and (min-width: 48em) {
...
}


    ggf muss man da nochmal nachsteuern, wenn es bei der der entsprechenden Bildschirmbreite (noch) nicht passt.

  • Akkordeon verhält sich seltsam

    Ich kann das Problem leider nicht nachvollziehen :(! Da es sich bei

    Code
    <details>
    <summary>Hier die Überschrift</summary>
    Hier der Aufklappcode
</details>


    um einen reinen HTML Code handelt (der allerdings vom InternetExplorer nicht unterstützt wird - siehe hier https://caniuse.com/#feat=details ), sollte es keine Rolle spielen, ob du im Code etwas hinzufügst. Beim Reload der Seite sollte immer das Default erscheinen und das wäre Details alle geschlossen.
    Es gäbe aber eine weitere HTML / CSS Methode, die so einen Akkordeon Effekt erzeugt und zwar über die Pseudoklasse :selected bei bei Radio-Buttons oder Checkboxen!
    Schau dir das mal an...
    https://www.mediaevent.de/tutorial/css-accordeon.html
    Das geht dann auch im IE.

  • Menü und Webseite anpassen

    Hmmm... ja, das geht bestimmt! Aber mache dafür bitte ein neues Thema im WooComm Forum auf.
    Da ich das selber nicht nutze, habe ich davon auch NULL bis gar keine Ahnung.. und bevor ich dir hier was Falsches empfehle, solltest du lieber die WooComm Fachleute um Rat fragen.

  • Menü und Webseite anpassen

    Ja... sticky ist ein CSS3 Format, dass leider (noch) nicht mit allen Browsern funktioniert.
    So wäre die einfachste Lösung im zusätzlichen CSS für die id="nav-wrapper" folgendes zu notieren:

    HTML
    #nav-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0em;
  }


    wenn das nicht klappt, gäbe es noch die Möglichkeit das mit JavaScript zu realisieren... aber da muss ich passen.
    Da müsstest du im JS Forum nachfragen... eigenen JS Codes in WP ist oft etwas tricky.

  • Menü und Webseite anpassen

    Zitat von kurzke2

    wie bekomme ich denn da nun das Menü nach oben unter die Stelle:


    ... uhhh... gaaaanz vorsichtig!
    Ist das die Antwort des Supports? .. die sollten es ja wissen.
    Zunächst stelle sicher, dass du eine Sicherheitskopie deiner header.php hast, damit du im Zweifelsfall den Originalzustand wieder herstellen kannst..
    Dann öffnest du deine header.php im Editor und suchst folgende Stelle...

    PHP
    <div class="container container-nomargin" id="nav-wrapper">
            <nav class="navbar" role="navigation">
                
                <div class="menu-left">
                    <?php wp_nav_menu( array( 'container' => '', 'theme_location' => 'header-main', 'menu_class' => 'nav slimmenu', 'menu_id' => 'menu-header' ) ); ?>
                </div>
            
            </nav>
        </div>


    Das sollte der Code deines Menüs sein - dieser Code ist ziemlich weit unten in deiner header.php... direkt vor dem </header>.
    Diesen Code schneidest du aus (cut... Code markieren - dann 'Strg' + 'x')
    Dann den Cursor an die gewünschte Einfügestelle platzieren... ggf dort eine Leerzeile erzeugen und dann den unten ausgeschnittenen Code in diese Leerzeile einfügen (paste... 'Strg' + 'v')
    Speichern - fertig - ausprobieren.
    Ich denke aber, dass die Einfügestelle, die du oben angegeben hast nicht ganz korrekt ist.
    Hinter der Zeile, die du als letztes bei ..'unter die Stelle' .. angegeben hast befindet sich noch ein </div> und ich denke, die Einfügung sollte hinter diesem </div> erfolgen.
    Wenn das nicht klappt, dann ersetze die 'header.php' wieder durch den Originalcode, den du als Sicherheitskopie erstellt hast.

  • Abstand zum Rand ändern

    Mit CSS! Untersuche das Element mit dem 'Inspektor' und schaue ob du was findest, dass die Breite begrenzt... width... margin... max-width.
    Und schau dir das Elternelement an, ob es da was gibt, dass den Inhalt auf eine bestimmte Größe reduziert... padding? Oder ob das Elternelement selbst breitenbegrenzt ist?