Rahmen um bestimmte Elemente

[Gabriela S.c.h.]

Hallo Oliver,

ich bin es mal wieder... Mich stören auf meinem Blog immens die Rahmen um die Fotos in den einzelnen Posts und speziell um GIFs und meine Signatur. Finde das alles einfach nur schrecklich. 

Du hast ja auf deiner Webseite schon mal CSS-Codes gepostet, mit denen man diese Rahmen - je nach Vorlage - weg bekommt. Leider funktioniert das mit meinem Blog nicht, ich nehme an, weil ich eine eigene Vorlage verwende.

Gibt es für mich trotzdem die Möglichkeit, mithilfe einer Änderung in der HTML oder eines CSS-Befehls auch in meinem Blog die Rahmen unsichtbar werden zu lassen?

Ganz liebe Grüße an dich!

Gabi

[oliver]

Hi Gabi,

die Rahmen & Schatten um die Bilder und der Signatur in deinen Posts solltest du damit wegbekommen:

.pagepost img {

    border: 0;

    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

       -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

            box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

    background: transparent !important;

}

Viel Erfolg! ^^

[Gabriela S.c.h.]

Hallo Oliver,

nee, das funktioniert nicht. Leider.

In meiner HTML sieht die Vorgabe für Bilder im Post so aus:

          .pagepost img{max-width:550px;padding: 3px;

          border: 1px solid #DDD;

          -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

          -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

          height:auto;}

Ich habe alle Werte auf 0 gesetzt und auch mal die Farbe für Rahmen und Schatten mit der Farbe des (Post)-Hintergrundes definiert... nichts ändert sich. 

Bei den Fotos stören mich die Rahmen nicht wirklich, aber wie erwähnt sieht zumindest meine Signatur mit Rahmen doof aus. :-(

Gabi

[oliver]

Ich sehe beides nicht - meine CSS ist nicht im Layout drin und die Werte stehen bei dir so drin:

.pagepost img{max-width:550px;padding: 3px;

border: 1px solid #DDD;

-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

height:auto;}

Fett markiert sind die Eigenschaften für den Rahmen - wenn du die eh nicht brauchst, kannst du die Zeilen eigentlich gleich löschen. ^^

[Gabriela S.c.h.]

Ich hatte ja nach meinen vergeblichen Versuchen den Urzustand wieder hergestellt, deshalb konntest du keine Änderung in der HTML sehen...

Habe die Zeilen wie von dir beschrieben gelöscht, die Rahmen sind trotzdem da. :-(

[oliver]

Habe die Zeilen wie von dir beschrieben gelöscht, die Rahmen sind trotzdem da. :-(

Die CSS steht nach wie vor unverändert im Layout .. hmhm .. irgendwas läuft falsch ...hast du nach dem löschen auch gespeichert? ^^

[Gabriela S.c.h.]

Ja, die CSS steht nach wie vor so im Layout, weil ich nach den - vergeblichen - Versuchen immer den Urzustand wieder herstelle.

Und nach dem Löschen habe ich gespeichert, na klar.

Ich speichere jetzt mal ein Backup meiner Vorlage und lasse dann die von dir empfohlenen Änderungen drin...

[Gabriela S.c.h.]

Das verstehe, wer will... jetzt sind die Rahmen weg! (Bei meinem letzen Post sind sie gewollt).Habe das Ganze noch mal versucht und jetzt ist es so, wie es sein soll. Ich freu mich riesig, dass es doch geklappt hat!

Ich danke dir SOOOO sehr! Du bist und bleibst der Größte! ;-)

Hab einen guten Start in die Woche, Oliver!

♥ Gabi

[oliver]

Yeah.. der Rahmen ist jetzt weg, oder?

https://monosnap.com/image/xYsgjaibPvTVMnk8WTMeoVIOl.png

Ich vermute, du hast bei der Kontrolle den Blog aus dem Cache aufgerufen und da natürlich keine Änderung gesehen ...