Styling der Einstellungen/Preference-Seite

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: Den hier verwendeten Farb-HexCode einfach ... Weiterlesen ...
Macbay Digital

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.