Beiträge von Sailor56

    Oh ja... Google Account ;)! Das ist hier ja die Plauderbox - oder? Dann darf ich das...
    [COLOR=#0000cd]
    Hallo! Ist da Giovannis Pizza-Sevice?

    Nein, hier ist Googles Pizza-Service.

    Sorry, dann hab ich wohl die falsche Nummer...?

    Nein, Google hat die Nummer gekauft.

    OK, dann möchte ich gerne....

    Wollen Sie das Übliche?

    Das Übliche? Wieso kennen Sie das?

    Gemäss unseren Aufzeichnungen der letzten 12 Anrufe haben Sie Pizza mit Käse, Wurst und dicker Kruste bestellt.

    OK, genau das will ich auch!

    Dürfte ich vorschlagen, dass sie dieses Mal eine Pizza mit Ricotta, Rucola und getrockneten Tomaten bestellen?

    Nein, ich hasse Gemüse!

    Aber Ihr Cholesterin-Wert ist nicht gut.

    Wie können Sie das wissen?

    Aus Ihrem Gesundheits-Profil. Wir haben die Resultate Ihrer Blutwerte der letzten 7 Jahre.

    Okay, aber ich will nicht diese Pizza. Ich habe meine Medizin schon genommen.

    Sie haben Ihre Medizin nicht regelmässig eingenommen. Vor 4 Monaten haben Sie online eine Schachtel mit 30 Tabletten in der Versand-Apotheke 'Sunstore' gekauft.

    Ich habe noch in einer anderen Apotheke eingekauft.

    Das ist aber nicht auf Ihrer Kreditkarte abgebucht.

    Ich habe bar bezahlt.

    Gemäss Ihrem Bankkonto haben Sie dafür nicht genügend Bargeld bezogen.

    Ich habe noch andere Geldquellen.

    Das ist aus Ihrer letzten Steuererklärung nicht ersichtlich, also handelt es sich um nicht deklariertes Einkommen.

    ZUM TEUFEL MIT IHNEN! Genug! Ich habe die Nase voll von Google, Facebook, Twitter, WhatsApp und Konsorte. Ich werde auf eine Insel gehen ohne Internet, ohne Telefon und wo mich keiner ausspionieren kann.

    Ich verstehe Sie, aber vorher müssen Sie Ihren Pass erneuern. Er ist vor 5 Jahren abgelaufen...


    [/COLOR][COLOR=#000000]*Urheber unbekannt![/COLOR]

    Stimmt... macht mein Galaxy auch!
    Nur ein Verdacht... es könnte an der Überschrift 'Lateinamerika' im Footer liegen. Das Wort ist zu lang für den Container, in dem es enthalten ist und ragt somit in den Nachbarcontainer (Asien).
    Einfach mal testen und in das Wort einen Bindestrich (Latein-amerika) einbauen, damit dort ein Zeilenumbruch entsteht!
    Sollte dann das horizontale Scrollen weg sein, dann ist die Ursache gefunden. Ansonsten ... weiter suchen.

    Bin jetzt etwas verwirrt! Es liest sich in deiner Beschreibung so, als würdest du entweder/oder einfügen - gedacht ist dieser Code.... oder zumindest Teile davon... als Gesamtes eingefügt zu werden.

    Der Teil ohne ' Media' gilt dann für alle Displaygrößen, die kleiner als die nächste eingefügte ' Media' sind - im Beispiel wären das bei dir kleiner 20em.

    Wird das Display dann breiter als 20em, wirkt die in dieser Media festgelegte Anweisung. ... und das geht so weiter, bis du eben die größte Breite erreicht hast. Jede dieser ' Media' wirkt immer nur auf einen bestimmten Bereich ... von 0em -20em... von 20em - 30em.... usw. Dafür müssen aber alle im CSS vorhanden sein. Einzeln nutzen die wenig!
    Sorry, wenn ich falsch verstanden haben sollte und dir jetzt was erkläre, was du schon weißt.

    Aber im Prinzip solltest du in der Lage sein mit dieser 'Sammlung' von Media screen and (min-width: ...em) für jeden Bereich/Displaygröße das Logo pixelgenau zu positionieren! Ohne Balken oben oder unten.

    Das wäre natürlich eine Variante, dass es sich um eine Eigenart beim WinPhone und Browser(IE?) handelt. Aber warum sollte der bei validem CSS Code so seltsame Dinge tun?
    Vielleicht kann man der Ursache auf den Grund gehen, wen man sich strickt an das hält, was in der style.css des Themes vorgegeben wird - dort wird offensichtlich mit 'Mobile first' und 5 weiteren MediaQueries gearbeitet, die bei größer werdenden Display wirksam werden.

    Zum testen und herausfinden der Ursache für das 'fehlerhafte' Verhalten, sollte man sich - denke ich - zunächst mal an diesem Schema orientieren.

    Welche Formatierung und welche Maßeinheit letztlich wirksam ist und zufriedenstellend funktioniert muss man ausprobieren - ich habe es mal mit margin-top und Pixel probiert, weil das bei mir (am PC) und den FF Webentwicklertools am besten funktioniert!

    Die Tabelle in ABC_Copy ist keine Kopie von ABC!
    Hier mal der Bereich 'Tabellenkopf' aus ABC

    und hier der Kopf aus ABC_Copy

    HTML
    <th class="column-1 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">Gebietsmeisterschaft Süd/Süd Ost 2017/18<br>
    <br>
    Endergebnis</th>
    <th class="column-2 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th><th class="column-3 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th>
    <th class="column-4 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th><th class="column-5 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th>
    <th class="column-6 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th><th class="column-7 sorting_disabled" rowspan="1" colspan="1" style="width: 0px;">&nbsp;</th>

    Allein schon von den unterschiedlichen 'style="width: ...px;"' Angaben ist eindeutig, dass die Tabelle in ABC_Copy deutlich schmaler angezeigt wird und nicht identisch sein kann mit der in ABC.

    Ja - jetzt sehe ich was du meinst! 'Zentriert' hat mich nur etwas in die horizontale Verwirrung gebracht und die Vertikale habe ich übersehen.
    Auf die Schnelle fallen mir allerdings keine wirklich gute Lösungen ein - aber was du versuchen könntest, um zumindest eine Verbesserung zu erzielen, bis es eine wirklich gute Lösung gibt, wäre zB folgendes.

    Ein zweites... oder auch ein drittes Bild... mit einem etwas zugeschnittenen Himmel (also weniger Abstand Logo zum oberen Bildrand) und dieses dann je nach Displayhöhe/Breite gegen das Original austauschen. Sollte mit Mediaquery kein großes Problem sein - ist aber bestimmt Fummelkram, das richtig hinzubekommen.

    Eine weitere, vielleicht etwas einfacher umzusetzende Methode wäre, dem Element '.has-header-image .custom-header-media img' einen negativen 'margin-top: -...px;' zu geben. Und das auch wieder je nach Displaygröße mittels Mediaquery.

    ... und dann hoffen, dass vielleicht noch jemand eine bessere Idee hat.

    Ich vermute, dass dieses von einem in WordPress eingebauten Automatismus, der sich 'wpautop' (zu Deutsch: automatisches einfügen von p-Tags) nennt, verursacht wird. Dabei werden Zeilenumbrüche im Code von WP erkannt und automatisch von einem <p></p> umschlossen. Im Forum sind einige diesbezüglichen Fragen und Problemen vorhanden.
    Als erstes solltest du versuchen im (Text) Bearbeitungsmodus deiner Seite den Quellcode so zu bearbeiten, dass keine Zeilenumbrüche oder unnötige Leerzeichen zwischen dem Bild und dem zugehörigen Text sind. Und, wenn das nicht wirkt, vielleicht manuell einen Absatz einfügen - etwa so
    <p>[Bild]Text Text Text</p>
    Ansonsten nochmal einen neuen Thread hier im Forum erstellen und nachfragen, ob jemand eine zuverlässige Methode kennt dieses wpautop zu umgehen.

    Die zuständigen Selektoren und die derzeit eingestellten Werte sind:

    #ilovewp-hero .content-wrapper {
    background-color: rgba(12,12,12,0.92);
    }
    #ilovewp-home-welcome .ilovewp-column-2 .ilovewp-column-wrapper {
    background-color: #131313;
    }

    Hiermit könnten im zusätzlichen CSS (Dashboard -> Design -> Customizer - > zusätzliches CSS) die Farbwerte nach den eigenen Wünschen angepasst werden.

    Ja - das weiß ich! Ist aber etwas kompliziert, denn die Schriftgröße wird (möglicherweise) an mehreren Stellen, je nach aktueller Displaygröße, in sogenannten MediaQueries (https://wiki.selfhtml.org/wiki/CSS/Media_Queries) festgelegt.
    Was auch immer du da machst, achte dann darauf, dass du passend zum jeweiligen Anzeigegerät ggf die Schriftgröße in so einer MediaQuery anpassen musst.
    Wenn du mal mit der rechte Maustaste auf diesen 'Untertitel' klickst und dann in dem aufpoppenden Kontextmenü den Punkt 'Element untersuchen' (kann je nach Browser auch anders heißen) aufrufst, dann wirst du feststellen, dass das fragliche Element '<p class="site-description">Shingon Reiki – Schamanische Geistheilung – Spirituelle Lebensberatung</p> ist und dass dieses derzeit mit einer Schriftgröße von 'font-size: 1.2rem;' formatiert ist - achte auf die MediaQuery - z.B ....@screen and (min-width: 48em).

    Im zusätzlichen CSS kannst du dann für die jeweilige Bildschirmgröße:
    Media scree and (min-width: xxx) {

    p.site-description {
    font-size: deine Größe;
    }

    }
    das von dir gewünschte Format einstellen.

    Bin mir jetzt nicht sicher, ob ich deine Frage richtig verstanden habe - außerdem werden in deinem Header einige CSS Formate mit JavaScript 'angepasst' - aber vielleicht kommt der folgende CSS Code (in das zusätzliche CSS) deinen Vorstellungen näher:
    .has-header-image.twentyseventeen-front-page .site-branding {
    top: 10px;
    bottom: auto;
    vertical-align: top;
    padding: 0px;
    }