Die über Groundhogg versendeten E-Mails enthalten neben Impressum und „Abmelde“-Link im Footer einen Link zu den Einstellungen, der die User auf domain.de/gh/ weiterleitet.
Da es weder über den Customizer, noch in den Groundhogg-Einstellungen die Möglichkeit gibt, diese Einstellungen-Seite individuell zu gestalten, habe ich nachfolgenden CSS-Code zusammengestellt für die wichtigsten Elemente:
/* Styling the Preference-Page on Groundhogg */
/* Button */
#gotopreferences{
background-color:#f98d29 !important;
}
/* Button */
#submit{
background-color:#f98d29 !important;
}
/* Button */
#content .gdpr-consent .button{
background-color:#f98d29 !important;
}
/* Button */
#downloadprofile{
background-color:#f98d29 !important;
}
/* Button */
#eraseprofile{
background-color:red !important;
}
/* GDPR consent */
#gdpr_consent{
accent-color: red !important;
}
/* Marketing consent */
#marketing_consent{
accent-color: red !important;
}
Den hier verwendeten Farb-HexCode einfach durch die gewünschte Farbe ersetzen. Viele Themes ermöglichen auch die Verwendung von CSS-Variablen, z.B. background-color: var(--accent), wobei die accent-Variable z.B. bei Nutzung des GeneratePress-Themes bequem im Customizer eingestellt werden kann.
Abgesehen von den Farben könnt ihr dort natürlich auch Parameter wie border, border-radius etc. einstellen.
