Hallo zusammen,
ich möchte auf einer Homepage folgende drei Punkte mit CSS realisieren (nutze Jetpack für die CSS Bearbeitung): http://new.tbc-freiburg.de/muay-thai/
- Die Menüleiste habe ich farblich angepasst (orange zu schwarz Verlauf) - dies wird in Firefox auch so angezeigt, leider nicht in Safari und Chrome - hier ist die Menüleiste grau
- Hingegen funktioniert bei Safari und Chrome die farbliche Anpassung und die Hover Funktion wie beim Firefox
- Hab ich da im CSS Code etwas falsch gemacht? - Code siehe unten
- Ich möchte gerne bei den Seiten ohne Sidebar den Abstand zum linken Rand verringern - Also Seitenname und auch der Inhalt sollte weiter nach links rücken, bzw. die Option sollte bestehen, dass ich den Titel auch mittig setzen kann? Auf der Startseite finde ich den Abstand ok - nur bei Unterseiten eben nicht wie hier: http://new.tbc-freiburg.de/muay-thai/
- Habt ihr hier einen Tipp für mich?
- Schriftarten Größe ändern
- Wie kann ich die Schriftgröße für die Menüleiste vergrößern?
- Ich möchte aber nicht die Möglichkeit verlieren, dass die Größenanpassung für unterschiedliche Geräte funktioniert
- Außerdem wäre es cool, wenn ich die Schriftgrößen für h1-h6 ändern könnte, möchte aber die automatische Größenanpassung nicht verlieren (oder funktioniert die auch noch, wenn ich fixe Schriftgrößen angebe)?
Hier habe ich mal mein CSS Code, den ich bisher verwende kopiert:
PHP
/* Suchleiste im Menü aus-einblenden*/
#branding #searchform {
display: none;
position: absolute;
right: 7.6%;
text-align: right;
top: 3.8em;
}
/* Menüleisten - Hintergrund Farbe */
#access {
background-image: -moz-linear-gradient(#f25c37, black);
}
/*Menüleiste Schrift-Farbe */
#access a {
color: #FFFFFF;
display: block;
line-height: 3.333em;
padding-bottom: 0;
padding-left: 1.2125em;
padding-right: 1.2125em;
padding-top: 0;
text-decoration: none;
}
/*Hintergrund Untermenüs*/
#access ul ul a {
background:#f7975c;
height:auto;
line-height:1em;
padding:10px;
width: 130px;
}
#access li:hover > a,
#access ul ul :hover > a {
color:#f25c37;
background:#000000;
}
#access li:hover > a,
#access a:focus {
background: #f25c37; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f25c37, #f25c37);
background: -o-linear-gradient(#f25c37, #f25c37);v
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CE249E), to(#CE249E)); /* Older webkit syntax */
/*Farbverlauf erster Menüpunkt+Schrift*/
background: -webkit-linear-gradient(#f25c37, #f25c37);
color: #000000;
}
/*Abstand Seitentitel von Oben Einzelseite*/
.singular.page .hentry{ padding: 0em 0 0; }Für eure Hilfe wäre ich sehr dankbar;)