Hallo, ich habe per eigenes CSS die Footer-Textfarbe geändert. Das funktioniert auch. Beim Test in den verschiedenen Ansichten (also Desktop, Tablet und Smartphone) zeigt sich, dass sich die Farbe im Footer bei der Smartphoneansicht nicht ändert. Der Text (Linktext wie Impressum usw.) ist dann fast nicht sichtbar, da sich Hintergrundfarbe und Textfarbe fast nicht unterscheiden. Da ich aber verschiedene Textfarben habe, muß ich da punktuell eingreifen. Hier auszugsweise der Code: ________________________________________________ @media (min-width: $grid-float-breakpoint) { #outer-wrapper { @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); } #footer .inside > .row a { color: #eeeeee; } #footer .inside a:hover { color: #daa520; text-decoration: none; } } _________________________________________________ Die Angabe @media(min-witdh ...... umschließt meine ganzen folgenden neuen CSS-Angaben. Muß das so sein?? Denn wenn ich eine neue css-Angabe ganz unten mache, also noch nach der geschlossenen Klammer der @media... Angabe, wie z.B. _________________________________________________ #footer .inside .row .footer-col-2 a { color: #eeeeee; } _________________________________________________ dann wird der Text in der richtigen Farbe auch auf dem Smartphone angezeigt, nur dann funktioniert wieder das Hovern nicht in den anderen Ansichten!?!? Kann mich mal ein Experte aufklären?
Also wenn du eine Media Abfrage einfügst, ist es logisch das auch nur diese vorgesehene Viewportgröße dadurch angesprochen wird.... So sollte es gehen (einfügen ohne Media Abfrage) Code: #footer .inside > .row a { color: #eeeeee!important; display: block; padding: 6px 0; } #footer .inside > .row a:hover { color: #daa520 !important; text-decoration: none; } wirkt sich aber auf alle links aus im Footer