{"id":148283,"date":"2023-07-13T12:02:28","date_gmt":"2023-07-13T10:02:28","guid":{"rendered":"https:\/\/de.wordpress.org\/support\/topic\/css-farben-fuer-button-block-festlegen-u-a-hover\/"},"modified":"2023-07-13T12:02:28","modified_gmt":"2023-07-13T10:02:28","slug":"css-farben-fuer-button-block-festlegen-u-a-hover","status":"publish","type":"topic","link":"https:\/\/de.wordpress.org\/support\/topic\/css-farben-fuer-button-block-festlegen-u-a-hover\/","title":{"rendered":"CSS: Farben f\u00fcr Button-Block festlegen (u.a. Hover)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hallo,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">auf unserer Startseite haben wir zwei Buttons \u00fcber die im Gutenberg verf\u00fcgbare Button-Funktion eingef\u00fcgt. Dort habe ich keine M\u00f6glichkeit, die Hoverfarben festzulegen:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.altenheim-wahlscheid.de\/wp-content\/uploads\/2023\/07\/Button-Block.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Screenshot der Eigenschaften des Button-Blocks im Gutenberg-Editor von WordPress<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Eingestellt ist dort die Textfarbe wei\u00df und der hellblaue Hintergrund des Themes. Dargestellt wird der Button jedoch mit Textfarbe schwarz, nur beim Hover wird der Text wie eingestellt wei\u00df. Der Hintergrund ist ohne Hover so wie eingestellt, wird aber gr\u00fcn, wenn die Maus dr\u00fcber f\u00e4hrt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.altenheim-wahlscheid.de\/wp-content\/uploads\/2023\/07\/Buttons-auf-Website.png\" alt=\"\" width=\"537\" height=\"127\" \/><figcaption class=\"wp-element-caption\">Nicht einstellungsgem\u00e4\u00df angezeigte Buttons von der Startseite<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.altenheim-wahlscheid.de\/wp-content\/uploads\/2023\/07\/Buttons-auf-Website-Hover.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Nicht einstellungsgem\u00e4\u00df angezeigte Buttons von der Startseite bei Hover<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Da die entsprechenden Optionen in den Blockeigenschaften fehlen, m\u00fcsste ich es unter Erweitert\\Zus\u00e4tzliche CSS-Klasse(n) eintragen. Was m\u00fcsste ich als zus\u00e4tzliches CSS eintragen, damit a) der Text auch ohne Hover wei\u00df ist und b) der Hintergrund bei Hover auf #084b8a wechselt?<\/p>\n","protected":false},"template":"","class_list":["post-148283","topic","type-topic","status-publish","hentry","topic-tag-block","topic-tag-button","topic-tag-css"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/148283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/148283\/revisions"}],"wp:attachment":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=148283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}