Beiträge von Sailor56

  • Seitenhintergrund transparent

    Teste mal das...

    HTML
    .card {
    margin-bottom: 0rem !important;
}
.page #primary {
  padding-right: 3px;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}


    Mit den px Werten kannst du ja mal spielen - ob das dann besser wird.
    ... und ja... @b3317133 hat Recht... das ist so wirklich schlecht zu lesen! Setze mal Schriftfarbe auf schwarz #000 und mache vielleicht bei den Hintergrundfarben den rgba Werten die letzte Zahl etwas größer (zB 0.5)

  • Seitenhintergrund transparent

    Auf deinen geposteten Bildern seh ich diesen dicken Balken am unteren Rand... den finde ich auf der online Seite nicht.
    Muss irgendein 'margin' sein, da ist noch irgendwo eine Hintergrundfarbe auf auf eine Wert sein, der anders ist, als er soll.

    Ja... mach mal... vielleicht erkennt man dann, wo der her kommt,

  • Seitenhintergrund transparent

    Den Quellcode (HTML und CSS) der Seite... da steht alles drin, was man braucht. Wenn die Seite online ist, dann hat man auch den Quellcode.
    Aber teste mal folgendes ...

    HTML
    .site-content-area .card-header.entry-header {
  border-bottom: 1px solid rgba(200, 200, 200, 0.3);
}
.site-content-area .card {
  border: 1px solid rgba(200, 200, 200, 0.3);
}

    Was allerdings diese breite Rahmen am unteren Rand ist weiß ich nicht... sehe ich auch nicht in der Seite, die online ist.

  • Seitenhintergrund transparent

    Wenn du das Rote in den Einstellungen hast und dem eine Farbe zuordnen kannst... irgendwie hast du es ja auch rot gemacht... dann ändere es in der Einstellungen. Nur mit dem Bild kann ich nichts anfangen... um zu sehen, was da geändert werden kann/muss, brauche ich den Code.
    Am besten online.

  • Seitenhintergrund transparent

    Da musst du, obwohl ich das auf dem Bild jetzt nicht wirklich erkennen kann, wohl noch diese Elemente...

    HTML
    .site-content-area .card .entry-header {
    background: deine_farbe;
}
.site-footer .row  {
    background: deine_farbe;
}


    mit der Wunschhintergrundfarbe versehen... und dann entsprechen die Schriftfarbe setzen.

  • Seitenhintergrund transparent

    Mit ...'die Seite weiß ist'... meinst du den Bereich mit dem Text und den Bilder?

    Dann musst du den Elementen

    HTML
    .site-main-container {
 background: transparent;
}
.site-content-area .card {
  background: transparent;
  color: #333;
}


    eine passende Hintergrundfarbe geben. Ich würde aber empfehlen nicht 'transparent', sondern lieber so was wie rgba(200, 200, 200, 0.3) - das ist ein durchsichtiges hellgrau. die letzte Zahl (das 0.3) sagt dabei wie durchsichtig der Hintergrund sein soll - Werte zwischen 0 bis 1 sind erlaubt!

    Und die Schriftfarbe (color) muss noch passend gewählt werden.

  • Seitenhintergrund transparent

    Teste doch mal so was in der Art...(im zusätzlichen CSS)


    Die URL zu Bild musst du natürlich noch anpassen... hab da einfach das erste Bild eingetragen, dass ich auf der Seite gefunden habe

  • unterschiedliche Bildgrössen bei den 'related Products'

    Ich habe keine Ahnung, wie und warum das durch aktualisieren von Plugins zustande kommt und wie und ob du das durch Einstellungen im Theme oder Plugins richten kannst - aber ein Workaround (reines CSS) könnte ich anbieten.


    Diesen Code einfach in das 'zusätzliche CSS' des Customizers eintragen.

  • Schriften im Header nicht sichtbar auf Blogseiten

    Das Problem ist die URL... du nutzt eine relative Adressierung. mit der sucht die Seite immer von ihrem Speicherort aus gesehen nach der angegebenen Adresse... wobei ../ bedeutet - eine Verzeichnisebene höher als der Speicherort... entsprechend dann ../../ zwei Verzeichnisebenen usw.
    Kann sein, dass die Verzeichnisstruktur bei unterschiedlichen Themes anders aufgebaut ist... zB alle Seite in einem Verzeichnis, dann klappt das mit der relativen Adressierung. Ist aber die Haupt- bzw Startseite im Root und die Unterseiten in einem Unterverzeichnis, dann klappts nicht mehr.
    Du kannst aber die Adressierung auf eine absolute Adresse umstellen ... also sowas wie ...

    Code
    https://emma-schumacher.de/fonts/caveat-v4.......


    Nur ob das dann schon der richtige Pfad zu deinen Font-Dateien ist, musst du prüfen. Schau dir die Dateistruktur auf de Server an, dann solltest du das erkennen können.

  • Schriften im Header nicht sichtbar auf Blogseiten

    Ja... jetzt wo du es sagst, erkenne ich das Problem.
    Das scheint an den fehlerhaften relativen Adressen zu den Font-Dateien zu liegen.
    Auf der Hauptseite ist das richtig und zwar...

    HTML
    url('../fonts/caveat-v4-latin-regular.....)


    Auf den Unterseiten nutzt du aber die gleiche URL... die Unterseiten sind in deiner Struktur allerdings eine Verzeichnisebene tiefer - um also (relativ) zum Verzeichnis 'fonts' zu kommen, musst du 2 Ebenen nach oben. Also..

    HTML
    url('../../fonts/caveat-v4-latin-regular.....)


    Bitte mal testen und Bescheid geben, ob mein Verdacht richtig ist.

  • Schriften im Header nicht sichtbar auf Blogseiten

    Zu deinem ersten Punkt kann ich nichts sagen - kann anhand deiner Beispielseiten nicht erkennen, was du mit ...'verschwinden die Schriften' meinst. Sieht bei mir ok aus und kann auch nicht erkennen, was denn da verschwunden sein soll.
    Zu deinem Zweiten Punkt... in der style.css (Zeile 2096ff) ist ein Fehler. Da steht:

    HTML
    font-weight: 100 font-family: Lato;


    Das ist falsch, es fehlt ein Semikolon, das die beiden Einträge trennt.
    Richtig wäre:

    HTML
    font-weight: 100;
font-family: Lato;

  • Hintergrundfarbe einstellen - Theme Sydney + Elementor

    Ich kann mich in Sachen Hintergrundfarbe nur wiederholen, die ist auf allen Seiten über das Format..

    HTML
    body.page {
    background-color: #515151;
}


    eingestellt. Dieses Format ist als 'Inline-Style' (vermutlich im zusätzlichen CSS) eingefügt - es könnte vielleicht, um Konflikte mit der style.css zu vermeiden, denn da steht in der Zeile 426.... background: #fff;... also die Farbe weiß, dass du im zusätzlichen CSS folgendes schreibst:

    HTML
    body.page {
    background: #515151;
    background-color: #515151;
}


    oder sogar:

    HTML
    body.page {
    background: #515151 !important;
    background-color: #515151 !important;
}


    Das ist dann zwar irgendwie eine Doppelung ('background' ist die shorthand-Anweisung für alle Hintergrundeigenschaften / 'background-color' spricht gezielt nur die Hintergrundfarbe an), aber jeder Browser sollte dann genau das machen - deinen grauen Hintergrund.

    Bei kleinem Display (Breite kleiner als 768px) schaltet die Seite in den 'mobile' Mode und ab da wird der weiße Mittelteil der Seite ganzseitig angezeigt... es gibt dann diesen grauen Hintergrund nicht mehr, die Seite ist durchgängig weiß.

    Die Symbole in deiner Galerie sollen (gem. Verlinkung im Quellcode) in einem Verzeichnis /shutter_reloaded/images/ gespeichert sein.
    Beispiel...
    https://www.rm-art.de/shutter_reloaded/images/prev.gif
    Prüfe doch mal, ob es dieses Verzeichnis gibt - die Bilder sind jedenfalls dort nicht gespeichert.