CSS Anpassungen bei verschiedenen Browsern
bearbeitet von marctrixHej ManU.K,
> > [Vollzitat entfernt]
> Ich habe zunächst mithilfe der "Untersuchen-Funktion" bei Chrome die gewünschten Anpassungen vorgenommen und anschließend den CSS-Code in das Plugin "Simple Custom CSS" kopiert. Das hat alles wunderbar geklappt. Wenn ich die Seite neu geladen habe, waren die Änderungen gespeichert.
Ein extra PlugIn ist ein extra Sicherheits-Risiko.
Im Wordpress-Backend/Dashboard gibt es in dem linken Menü einen Punkt "Design", darin "Editor" - standardmäßig wird die Datei style.css angezeigt (sonst aus der Dateiliste am rechten Seitenrand auswählen).
Dort kannst du die Styles aus der "Untersuchen"-Funktion auch kopieren - geht auch wunderbar, aber ohne PlugIn.
Wie von mir und Matthias bereits gesagt: mach das in einem [Child-Theme](https://codex.wordpress.org/Child_Themes)!
Oder hier, [wenn es auf deutsch sein soll](https://die-netzialisten.de/wordpress/anleitung-childtheme-anlegen-update/) und nicht die offizielle Doku sein muss...
> Ich habe z.b. unterhalb des Logos und der Navigation eine Box(=container). In dieser habe ich einen Text (links), rechts daneben habe ich eine kleinere Box (=Box1) eingefügt mit Text + einen Button unten links vom Container.
>
> Wenn ich bei wordpress angemeldet bin, stimmen (inzwischen) alle Änderungen überein. Dabei sind folgende Sachen seltsam:
>
> Bei Chrome:
>
> Wenn ich nicht in Wordpress angemeldet bin, erscheint immer noch neben dem Text, aber verliert komplett ihre Form. Sie ist länger und schmaler, als wenn ich in Wordpress angemeldet bin.
>
> Bei Safari:
> Gleiche Geschichte, jedoch ist die Box noch schmaler und länger (Aber wieder nur, wenn ich nicht angemeldet bin).
>
> Bei Firefox:
> Die Box verliert ihren border und ihre Hintergrundfarbe.
>
>
> Hier der Code:
>
> ~~~css
> #text1 {
> float: left;
> width:900px;
> }
>
>
> #box {
> margin-left: auto;
> margin-right:auto;
> border-radius: 8px;
> border: 1px solid #5E3D2C;
> background-color: rgba(245, 238, 48, 0.27);
> border-width: 3px 0px 3px 0px;
> float: left;
> margin-top: 90px;
> }
> ~~~
>
>
>
Marc