Brauche Hilfe: CSS

Nachdem ich endlich ein Thema gefunden habe, dass mir auch optisch zusagt, möchte ich gern einige Änderungen durchführen. Dabei tauchen jedoch immer wieder neue Probleme auf.

Ich möchte gern die Schriftgröße in der Überschrift (Spruchhelden) ändern: Aus h1 25px habe ich h145 px gemacht, gestern lies es sich sogar nach mehreren Versuchen ändern, habe dann noch mal ein wenig rumprobiert und dann ging wieder gar nichts.

Wenn ich Element untersuchen anklicke sieht das folgendermaßen aus:

Zitat

[COLOR=#000000][FONT=Consolas][COLOR=#777777][COLOR=black]h1.site-title a[/COLOR][/COLOR] {

[/FONT][/COLOR]

• font-size: 45px; (diese Zeile ist durchgestrichen)
• [COLOR=#C80000]font-size[/COLOR]: 2.4rem;
• [COLOR=#C80000]text-decoration[/COLOR]: none;

So schaut es bei mir im Stylesheet aus:

Zitat

/* Headings Google fonts are defined and called in functions.php
-------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
clear: both;
font-family:'Oswald', arial, Sans-serif;
margin: 10px 0;
}
h1 {font-size:45px; font-size:2.4rem; margin-top:0;}
h2 {font-size:20px; font-size:2.0rem;}
h3 {font-size:18px; font-size:1.8rem;}
h4, h5, h6 {font-size:16px; font-size:1.6rem;}

Alles anzeigen

Zitat

/* Header
---------------------------------*/
#masthead {
float:left;
width:100%;
position:relative;
display:inline-block;
z-index:9999;
}
h1.site-title {
float:left;
margin:20px 20px 10px 30px;
}
h1.site-title a {
font-size:45px;
font-size:2.4rem;
text-decoration:none;

Alles anzeigen

Warum lässt sich Schriftgröße nicht ändern?

Und dann habe ich folgendes Problem: Wenn ich auf http://www.spruchhelden.de/alles-gute-zum…allen-sprachen/ gehe, passen einige Texte nicht in eine Zeile.

Wenn ich die Pageweite auf 1100 ändere ist zwar die Seite größer und wenn ich die Weite bei Site Content ändere passt auch der Text immer auf eine Zeile, dafür verschwinden dann aber die Widgets in der linken Sidebar.

Zitat

/* Layout
--------------------------------------*/
#page {
margin:0 auto 0 auto;
[COLOR=#0000cd]width:960px; (geändert auf 1100)[/COLOR]
background:#FFF;
-webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#main {
width:960px;
z-index:1;
}
.site-content {
float: right;
width:[COLOR=#0000cd]620px; (ersetzt durch 720)[/COLOR]
padding:30px;
}
#content {
width:100%;
}
#secondary {
float: left;
overflow: hidden;
width: 220px;
padding:30px 0;
font-size:12px;
font-size: 1.2rem;

Alles anzeigen

Was muss ich eingeben, damit die linke Sidebar trotzdem noch korrekt dargestellt wird?