Seite 1 von 1
Icon "Schnellzugriff", Farben ändern
Verfasst: 18.10.2014 10:28
von Lehrling
Hallo,
ich würde gerne die Farben dieser drei kleinen Balken vor dem Schnellzugriff ändern und kann die entsprechende Stelle im Stylesheet einfach nicht finden.
Weiß jemand, wo ich da suchen muss? Es greifen anscheinend die Definitionen für die Links. Ich habe aber für die navbar eigene Linkfarben definiert und diese Balken aber übernehmen diese Farben nicht.
LG Beate
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 18.10.2014 14:38
von Crizzo
Hi,
das ist dieser schöne Code-Abschnitt:
Code: Alles auswählen
ul.linklist li.responsive-menu a.responsive-menu-link:before {
border-color: #105289;
}
Grüße
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 18.10.2014 14:50
von HabNurNeFrage
Hi @ Lehrling, ergänzend als Info:
Dieses Hamburger Icon ist sogenannter Pseudo-CSS-Content und wird in common.css generiert:
Code: Alles auswählen
ul.linklist li.responsive-menu a.responsive-menu-link:before {
content: '';
position: absolute;
left: 0;
top: 7px;
height: .125em;
width: 14px;
border-bottom: 0.125em solid transparent;
border-top: 0.375em double transparent;
}
Der Farbwert wird in der colours.css ergänzt...
LG
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 18.10.2014 19:59
von Lehrling
Hallo und vielen Dank für die Hilfe beim "Hamburger Icon". Der Name ist ja putzig.
Eure Tipps waren zielführend.
LG Beate
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 22.06.2015 11:52
von uwe.ha
HabNurNeFrage hat geschrieben:Dieses Hamburger Icon ist sogenannter Pseudo-CSS-Content und wird in common.css generiert:
Code: Alles auswählen
ul.linklist li.responsive-menu a.responsive-menu-link:before {
content: '';
position: absolute;
left: 0;
top: 7px;
height: .125em;
width: 14px;
border-bottom: 0.125em solid transparent;
border-top: 0.375em double transparent;
}
Eine Frage hierzu:
Wenn ich dieses Icon in der Breite verdoppele ( width: 28px; ), funktioniert das zwar, aber die folgenden Elemente (Text "Schnellstart", Icon + Text "FAQ", etc) verschieben sich NICHT nach rechts. Das Icon überdeckt den Text "Schnellstart".
Was muss ich tun, damit sich die folgenden Elemente nach rechts verschieben?
DANKE!
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 22.06.2015 12:22
von Talk19zehn
Hi, probiere bitte den Wert 18px geringfügig anzupassen.
button.css
padding: 0 0 0 18px;
Code: Alles auswählen
.small-icon > a {
display: inline-block;
padding: 0 0 0 18px;
}
.. ungetestet!
LG
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 22.06.2015 15:54
von uwe.ha
Danke ... das funktioniert, wirkt sich dann aber auf ALLE icons aus, was nicht gewünscht ist.
Re: Icon "Schnellzugriff", Farben ändern
Verfasst: 22.06.2015 15:58
von Talk19zehn
Ja, logisch.
Von Fall zu Fall --> Wenn der Abstand nun "zu groß" ist /sein sollte, lege ggf. eine eigene Klasse an, welche einen individuellen Abstand für jenen Link regelt.
Beste Grüße
Edit: 23.06.2015, 09:50
Vielleicht kann man ein padding-left: XXpx aufnehmen? Deinen Wert kenne ich nicht und mangels Einsichtnahme auf deine Webseite kann ich insgesamt gar nichts testen.
Code: Alles auswählen
#quick-links a.responsive-menu-link {
display: block;
font-size: inherit;
line-height: inherit;
margin: 0;
padding-left: 32px;
width: auto;
}
Daher in allen Konsequenzen nicht geprüft, getestet.