Umschaltblock im Wordpress text editor farbig machen

Dein div-Element ist vermutlich unnötig, vor allem aber hast du es nicht geschlossen.

Nimm es mal raus, so dass du die Box wie gehabt im Browser sehen kannst.
Schnapp dir ein Webentwickler-Tool und untersuche die Box, als was sie im Quelltext wirklich definiert ist: Welches Element? Welche Klasse? Und wie ist die Klasse in CSS bereits definiert? ([box] ist ja kein HTML, sondern einfach nur ein Shortcode, um eine Box einzubinden)
Dann schreibst du deine veränderten und/oder ergänzten CSS-Definitionen in die Stylesheet-Datei deine Child-Themes oder in die Stylesheet-Datei, die dir von Theme oder einem entsprechenden PlugIn als custom Stylesheet zur Verfügung gestellt wird.

Für Innenabstände ist das padding zuständig.
Aber hier bitte etwas Eigeninitiative. Das ist pures CSS, die grundlegendsten Grundlagen – und hat nix mit WordPress zu tun (außer dass die meisten Menschen, die WordPress benutzen, auch CSS benutzen, um ihre Seiten nett aussehen zu lassen). Will sagen: das sprengt dann etwas den Rahmen eines WordPress-Forums. Es gibt aber wirklich sehr gute Seiten im Internet, die CSS sehr gut erklären. Such dir diejenige aus, mit der du am besten zurechtkommst.

Gruß
helix

 

Wo hast du das denn eingetragen? Im Template? Wenn du dem Rahmen eine Farbe geben willst, musst du auch den Rahmen ansprechen und nicht die Box selbst
border-style: solid;
border-color:#0296d6;

Untersuch die Seite im Firefox mal mit Firebug, da kannst du direkt mit CSS rumspielen. Platz zwischen Text und Box verkleinern müsste über padding gehen.

 

Hast du die genannten Lösungen denn schon ausprobiert? Da steht doch im Grunde schon alles drin, vor allem wenn du in CSS "nicht gänzlich unbedarft" bist...? Du klingst gerade etwa eingeschnappt und ich frage mich, wieso?

 

Schön.

In meiner Testumgebung – aktuelles WordPress, Standardtheme Twenty Sixteen, keine PlugIns – erscheint so ein Icon im visuellen Editor nicht. Und wenn ich im Texteditor den Shortcode eingebe, wird mir der im Beitrag auch wieder genauso ausgegeben, also „box“ bzw. „/box“ in eckigen Klammern.

Also vielleicht doch Theme oder PlugIn? Braucht ja weder besonders noch exotisch zu sein.

Wo du den Punkt findest, wo du einhaken musst, habe ich dir schon geschrieben.
Alternativ ist es nützlich, wenn du den Link zu deiner Seite postest.

Ich habe nie etwas von 10-tägigem CSS-Kurs geschrieben.
Ist es zuviel verlangt, in das Suchfeld einer Suchmaschine die Begriffe „css padding“ einzugeben?
Oder eine Suchmaschine nach „Webentwickler-Tools“ zu fragen?

Gruß
helix