Beiträge von Sailor56

  • Bilder passend verschieben

    Dann hätte ich noch eine, weitere Störungsquelle gefunden.
    In deiner style.css findet sich folgendes:
    h1, h2, h3, h4, h5, h6, .site-title {
    clear: both;
    font-family: "Open Sans", serif;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 0;
    }
    Mit der Formatierung 'clear: both;' wird dafür gesorgt, dass sich die Elemente (h1, h2, h3.....) erst dort angezeigt werden, wo beide Seiten geklärt sind - also erst dann, wenn das Bild 'zu Ende' ist. Die Float-Anweisung wird dadurch aufgehoben.
    Dieses Verhalten könnte man durch
    h4 {
    clear: unset;
    }
    im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) ausschalten.
    Damit würden die <h4> trotz Bild am Rand wieder das Bild umfließen
    Das würde dann schon mal so aussehen (Simulation mit Firefox)

  • Bilder passend verschieben

    Auf der von dir angegebenen Seite finde ich 1 Bild (Maiglöckchen-Camino-257x300.jpg), an dem ich versucht habe, dein Problem zu verstehen.
    Dieses Bild ist neben dem Text eingefügt! Es ist mit 'float: right;' per CSS so formatiert, dass es vom Text umflossen wird - so wie es die MS Word Formatierung 'passend' auch macht.
    Du hast allerdings dieses Bild in ein Block-Element eingefügt - bedeutet, es wird nur von dem Text umflossen, der sich mit dem Bild im selben Element befindet:
    <h4>
    Text Text Text...
    <br>
    Text2 Text2 Text2... <img Maiglöckchenbid>
    </h4>
    In dieser Konfiguration wird das Bild nur von Text2 Text2... umflossen - der nachfolgende Text (wieder <h4></h4>) fängt erst hinter dem vorherigen Block-Element an. Dadurch einsteht dieser Eindruck, als würde das Bild nicht neben dem Text eingefügt sein.

    Teste bitte einmal, das Bild außerhalb des <h4></h4> Containers einzufügen und prüfe, ob das deinen Vorstellung eher entspricht?

  • Schrift am Handy kleiner machen?

    Du solltest als erstes den eingefügten Code anders gestalten, damit du mit CSS auch darauf zugreifen kannst...

    <span class="groesse farbe">Mein Text</span>

    und dann, möglichst im zusätzlichen CSS (vom Dashboard -> Design -> Customizer -> zusätzliches CSS) folgendes eintragen:

    .groesse { font-size: 2em;}
    .farbe { color: #000000;}

    dann kannst du, wieder im zusätzlichen CSS hinter diesem Eintrag eine oder mehrere MediaQuery einfügen, die dir dann für alle fraglichen Bildschirmgrößen das Einstellen der der Schriftgröße erlaubt.
    zB

    Media screen and (min-width: 800px) {
    .groesse { font-size: 1.5em;}
    }

  • Twentyeleven Bilderrahmen entfernen

    Was auch immer du gemacht hast... das ist immer noch in deinem CSS vorhanden.

    HTML
    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: 1px solid #ddd;
    padding: 6px;
    max-width: 97.5%;
    max-width: calc( 100% - 14px );
}


    Und mit 'border: 1px solid #ddd;' gibt es eben eine Rahmen.
    Außerdem solltest du deine Änderungen nicht im Theme selbst machen - lass die style.css wie sie ist! Was auch immer du da machst, ist nach dem nächsten Update verloren.
    Nutze für Änderungen das 'zusätzliche CSS ( vom Dashboard -> Design -> Customizer -> zusätzliches CSS)
    Und da schreibe mal folgendes rein.

    HTML
    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border: 0px;
}


    und sollte das nicht wirken, ergänze um !important hinter dem 0px

  • Mobiles menu Startseite funktioniert nicht

    Möglich wäre das schon, du könntest über 'nth-of-type(x)' Selector dem dritten und vierten Listenelement ein 'display: block;' zuweisen und dann den linken Rans mit 'margin-left: ?px;' so vergößern, dass die Elemente wieder untereinander sind
    ... aber ganz ehrlich - das kann nicht dein Ernst sein! Kann ich dir mit gutem Gewissen nicht empfehlen das umzusetzen. Habe das gerade mal getestet und das sieht besch.. aus, die einzelnen Pop-unders behindern sich gegenseitig und das müsste auch für jede einzelne Displaybreite neu angepasst werden.
    Hast du nicht eine bessere Idee und kannst das dann zur besseren Visualisierung als Bild erstellen. Vor allem, erwähne auch, für welches Display diese Umstellung sein soll? .. nur Handy?

    Deine jetzige Idee kannst du ja selber mal testen - füge mal probehalber folgendes in dein zusätzliches CSS ein... anschauen und gleich wieder löschen... das willst du deinen Besuchern bestimmt nicht antun!

    HTML
    .main-navigation li:nth-of-type(3), .main-navigation li:nth-of-type(4) {
    margin-left:8.5em;
    display: block;
    }

  • Änderungen an der Child Theme keine Auswirkungen

    Es kann auch an der 'Lese'-Reihenfolge der unterschiedlichen CSS Komponenten liegen.
    In der Regel wird das CSS des Child-Themes vor den CSS-Regeln des 'zusätzlichen CSS' in den Quellcode eingefügt und demzufolge auch in dieser Reihenfolge vom Browser gelesen und verarbeitet.
    Im CSS gilt immer die letzte Anweisung. Ist also ein Element im zusätzlichen CSS Formatiert, dann ignoriert der Browser davor liegende Anweisungen zu diesem Element (zB im Child-Theme).

  • Schriftfarbe ändern

    Also ich sehe die Punkte 'Anmelden' und 'Newsletter' in schwarzer Schrift. Leere doch mal dein Cache und aktualisiere die Seite.

    Oder meinst du diese beiden beim Mouseover (hover)?
    Wenn du das auch schwarz haben willst, dann sollte der folgende Code helfen - im CSS hinter der Formatierung für '.header-main .nav > li > a' eintragen.

    .header-main .nav > li > a:hover {
    color: #000 !important;
    }

  • Auswahlbox wird auf Handy nicht zentriert

    Frank9652 - Eine Frage. Wo genau trägst du die Änderung an deinem CSS Code ein? Habe den Quellcode der Seite (Handyansicht) nach dem Suchbegriff 'inhaltsverszeichnis' durchsucht und konnte keine Formatierungen, die sich auf diese Elemente bezieht, finden. Bin da jetzt etwas ratlos... gibt es denn hier niemanden, der dieses PlugIn auch nutzt und weiß, wie man dort CSS Änderungen einfügt?

  • Schriftfarbe ändern

    Ja... gibt es!
    Versuche bitte folgendes im 'zusätzlichen CSS' (vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

    HTML
    .header-main .nav > li > a {
  color: #000;
  line-height: 1.8em;
  vertical-align: middle;
}

  • Auswahlbox wird auf Handy nicht zentriert

    Und mit dem zuletzt von mir geposteten CSS Code sieh das in der Simulation (FireFox) dann so aus.

    Habe jetzt aber auch keine Möglichkeit, direkt auf dem Handy zu testen... und weiß auch nicht, ob man diesen Code im 'zusätzlichen CSS' oder irgendwo in den Plugin Einstellungen eingeben müsste?

  • Auswahlbox wird auf Handy nicht zentriert

    Leider kann ich auf den Code, wie er von deinem Plugin für die Handyansicht ausgeliefert wird, nicht zugreifen, da mir von den mir zur Verfügung stehenden Tool nur der Desktop Code (CSS) angezeigt wird.
    Aber versuche doch bitte mal, in deiner Testseite, folgende Formatierungen für für 'inhaltsverzeichnis2'.

    HTML
    div.inhaltsverzeichnis2 {
  width: 100%;
  text-align: center;
}
div.inhaltsverzeichnis2 div {
  margin: auto; 
  text-align: left;
}


    Vielleicht wird das ja anders vom Plugin interpretiert und verbessert die Handyansicht in deinem Sinne.

  • Was hat das zu bedeuten, kennt sich wer aus damit?

    Du hast da anscheinend einen (oder 2) Zeilenumbruch eingebaut... der Kommentar (/* Kommentar */) beginnt bei dir in Zeile 2 und endet dann in Zeile 5(?). Vielleicht hat WP damit ein Problem.
    Lösche mal die Zeilenumbrüche, damit alles in Zeile 2 steht.. also der Kommentar mit /* in Zeile 2 beginnt und mit */ in Zeile 2 endet.