[Erledigt] Pro9 Design Kaiser - Schrift der Infoseiten

Hallo,

ich finde keine Lösung, die Schriftfarbe für die Links zu den Infoseiten (Impressum,...) in der Fußzeile zu verändern. Auch ist diese bei mir linksbündig und nicht zentriert, wie ich es gerne hätte.

Kann mir jemand helfen, wo ich diese Einstellungen vornehmen kann?

Danke und Gruß

Bernd

Dann gebe doch bitte mal einen Link zu deiner Seite denn wir können unmöglich für jede Frage eine Testseite erstellen. Kaiser ist ein ProDesign und kein Flex-Design. Bei Flex-Designs kann man einfach in den Einstellungen angeben wie und was man will, bei ProDesigns muß man mit HTML-Code arbeiten.

Lieben Dank, Marjorie, dass Du helfen möchtest. Die Seite liegt auf www.gummiboden.eu
Diese Schrift unten auf der Seite hätte ich gerne in der Farbe verändert und mittig zentriert:

 Also Bernd versuche es mal so:

Gebe nachfolgenden Code in den Webseite-Eigenschaften, Reiter HTML, in den HEAD-Bereich ein:

<style>
.sqrcommonnavhierarchical,
.sqrcommonnav {
    display: flex;
    list-style: none;
}

.sqrcommonnavhierarchical,
.sqrcommonnav,
.sqrcommon>div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    justify-content: center;
}

.sqrcommon>div {
    color: #ff0000; /* Ändere hier für deine Farbe */
    text-align: center;
}
</style>

Speichern. Fertig. Dannach sieht es aus wie angehängt.

Setze dich mit CSS auseinander damit du demnächst selber solche Änderungen vornehmen kannst 

Schermafbeelding 2025-12-28 084238.png

vielen Dank, Marjorie. Es funktioniert teilweise - der Text ist nun zentriert, allerdings nach wie vor in der alten Farbe. Anscheinend wird das "rot" durch eine stärkere Regel überschrieben.

Hallo Bernd,

versuche es mal mit der Farbänderung, wenn du zusätzlich dahinter !important hinzufügst:

Auszug von Beitrag #4 von Marjorie und zusätzlich !important hinter Farbcode hinzugefügt:

.sqrcommon>div {
  color: #ff0000 !important; /* Ändere hier für deine Farbe - !important hinzugefügt */
  text-align: center;
}

Hallo Thomas,

vielen Dank, aber das hilft auch nicht.

Ich möchte auch nicht zu viel Arbeit machen und hatte auch schon die KI befragt, allerdings auch mit keinem positiven Ergebnis. Irgendeine Siquando Regel überschreibt wohl die Farbauswahl nachdrücklich....

Dann versuch mal folgenden Code hinzuzufügen, zwischen <style> ... </style>:

.sqrcommonlinks a {
  color: #ff0000 !important;
}

oder separat:

<style>
.sqrcommonlinks a {
  color: #ff0000 !important;
}
</style>

Ach war auf deiner anderen Homepage, sorry:

Hier der Code der auf der angegebene Homepage in Beitrag #3 hinzugefügt werden kann:

.sqrcommonnavhierarchical a, .sqrcommonnav a, .sqrcommon>div a {
 color: #ff0000 !important;
}

oder separat:

<style>
.sqrcommonnavhierarchical a, .sqrcommonnav a, .sqrcommon>div a {
 color: #ff0000 !important;
}
</style>

Du kannst aber auch alle Farben zur jeweiligen Links einzeln ausprobieren, wenn du möchtest:

<style>
.sqrcommonnavhierarchical a {
 color: #ff0000 !important;
}
.sqrcommonnav a {
 color: #ff0000 !important;
}
.sqrcommon>div a {
 color: #ff0000 !important;
}
</style>

vielen Dank, Thomas - so funktioniert es wie ich möchte