Umrandungen mit gepunkteter Linie im Header

Wie das CSS (anhand der Angabe „var“) besagt, sollte es im Theme (oder doch nicht? *) einstellbar sein:

a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--custom-rot);
    text-decoration: underline;
}

Als Color wird auch ein Rotton angezeigt, konkret #da0303.

Wenn das nicht per Option geht, könnte man den Code ja ins benutzerdefinierte CSS tun und hier statt der Farbe ein „transparent“ setzen und wenn nötig, ein „!Important“ dazu.

*) Nachtrag
Wie es scheint, könnte das (auch oder nur) mit einem Gutenberg Button Stil zusammenhängen (ich habe alles auf Classic, kenne den daher nicht)
Aber Funde wie https://stackoverflow.com/questions/75978701/remove-wordpress-gutenberg-button-default-styles oder https://wordpress.org/support/topic/wordpress-6-1-update-forces-underline-on-links/ weisen auf das hin.
Ich suchte da weiter, weil im Code wp--preset stand. Was eben auf eine WP Sache schließen lässt.

Doch wie auch beim Astra Theme könnte ein CSS, ähnlich wie dort beschrieben helfen.

• Diese Antwort wurde geändert vor 10 Monaten, 3 Wochen von Anonymous User 20597857. Grund: Nachtrag

Ab Mitte 2025 gilt für Websites und Apps eine gesetzliche Pflicht zur Barrierefreiheit.

Echt jetzt?

Ich dachte natürlich daran, wolle aber keinen mit diesen Richtlinien verunsichern.
Habe deswegen auch keinen vollständigen Code erstellt, sondern nur den Hinweis, eine Spur gelegt, warum sich das so verhält.

Wie gesagt, wenn nötig, ein „!Important“ dazu.

Also
a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus { outline: none !important; }

Hab den Code nicht gecheckt, keine Ahnung, ob der überhaupt genau das tut, was du willst.
Aber wenn ein ansonsten passender CSS Code nicht funkt, kann man sich eben mit dem Zusatz helfen.
Wenn es damit geht, kann man immer noch tiefer graben und versuchen, das Ziel-Element noch genauer zu spezifizieren, um ohne das wenig elegante „!important“ auszukommen.