Wo sieht man solche Buttons bei deiner Seite?
Thread-Starter
hm43
(@hm43)
Hallo,
Danke für die Antwort. Das liegt daran, dass die Seite noch im Entwurf ist. Weil ich an der Neugestaltung der Startseite arbeite. Ich habe sie jetzt (vorübergehend) veröffentlicht.
https://www.agentursoftware-guide.de/x-startseite-anderes-design-2023/
Ich habe da jetzt noch einen Screenshot der Einstellungen im Block eingesetzt.
-
Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von
hm43.
Hallo,
ich habe das gerade auf einer WordPress-Instanz mit dem Block Theme Twenty Twenty-Five getestet. Da funktioniert das einwandfrei. Ich vermute, dass das Problem mit dem Theme oder (eher unwahrscheinlich) mit einem Plugin zusammenhängt.
Notfalls würde das per Custom CSS über die folgende Regel bei einem klassischen Theme (wie in deinem Fall bei Fluida Plus) vermutlich funktionieren. Füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS am Ende ein und teste dann bitte, ob es funktioniert:
a.wp-block-button__link.has-accent-2-color.has-sitebg-background-color.has-text-color.has-background.has-link-color.has-text-align-center.wp-element-button {
color: red;
}
Viele Grüße
Hans-Gerd
@hm43
Teste einmal diesen CSS-Code:
:root :where(.wp-block-button.is-style-outline--1 .wp-block-button__link) {
color: #f42b00;
}
CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende) einfügen.
Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:
/wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.
Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst. Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.
Thread-Starter
hm43
(@hm43)
Vielen Dank!
Bevor ich eine generelle Änderung der Button-Rand-Farbe im CSS durchführe, muss ich erst checken, ob ich an anderen Stellen Buttons habe, wo dies nicht gelten soll. Ich hatte auf eine Lösung nur für diese Seite gehofft..
Aber trotzdem erstmal vielen Dank!
Schönes Wochenende!
-
Diese Antwort wurde geändert vor 3 Wochen, 4 Tage von hm43.
Wenn Du die individuelle Färbung nur an der einen Stelle wünschst, kannst Du bei o.g. CSS noch die seitenspezifische Klasse berücksichtigen.
Beispiel 1:
:root body.page-id-8202 :where(.wp-block-button.is-style-outline--1 .wp-block-button__link) {
color: #f42b00;
}
Beispiel 2:
body.page-id-8202 a.wp-block-button__link.has-accent-2-color.has-sitebg-background-color.has-text-color.has-background.has-link-color.has-text-align-center.wp-element-button {
color: #f42b00;
}
Mich wundert aber auch wieso das nötig ist. So eine individuelle Färbung sollte auch ohne solche Mittel machbar sein. Irgendetwas scheint in deinem Theme verstellt zu sein aus meiner Sicht, ich weiß nur nicht was.
Thread-Starter
hm43
(@hm43)
Vielen Dank, das werde ich versuchen!
Ansonsten, denke ich, werde ich mich an den Support des Themes wenden…
Viele Grüße und ein schönes Wochenende!
