runde Grafiken erzeugen

  • Gelöst Curiosa89

    (@curiosa89)


    vor 8 Jahren, 11 Monaten

    Hallo zusammen,

    weiß jemand, wie ich eine Grafik/ein Bild in WordPress (Theme Divi) rund machen kann?
    Es gibt ja bestimmt einen CSS Code dafür, wie muss der denn lauten? und wie muss die CSS Klasse des Bildes lauten?

    danke und viele Grüße

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 8 Jahren, 11 Monaten

    Du kannst eine eigene CSS-Regel hinzufügen:

    .kreisrund {
  border-radius: 50%;
}

    … und diese dann beim Einfügen einem Bild zuweisen

    <img
  src="http://bla.de/wp-content/uploads/2016/02/protrait-150x150.jpg"
  class="kreisrund"
  alt="Herr Müller aus der Buchhaltung"
>
    Thread-Starter Curiosa89

    (@curiosa89)

    vor 8 Jahren, 11 Monaten

    Danke!

    Ich frage mich, was ich generell beim Einfügen der CSS Codes falsch mache. ich wollte z.B. einer Sektion (keine vollbreite, sondern eine Standard) den Befehl zuweisen, dass sie sich über die gesamte Bildschirmbreite zieht. Habe dazu im Feld „Benutzerdefinierte CSS“ bei „Hauptelement“ das hier rein kopiert:
    body {
    max-width: 3000px;
    width: 100%;
    }

    aber dann passieren Dinge wie dass z.B. die Hintergrundfarbe der Zeile verschwindet/transparent wird..

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „runde Grafiken erzeugen“ ist für neue Antworten geschlossen.