Seperate stylesheet Datei wird nicht geladen.

Hallo,

ich bin Newbie und es wäre schön wenn ihr nicht zu hart mit mir ins Gericht geht.
Ich habe zu Testzwecken ein eigenes Theme erstellt und würde das nun gerne für mobile Geräte optimieren.
Zu diesem Zweck habe ich eine separate Stylesheet Datei (small.css) geschrieben.
Als Testgerät benutze ich mein iPhone 6.
Leider kann ich machen was ich, aber die small.css wird einfach nicht genutzt!
Folgenden Code habe ich versucht:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" type="text/css" media="only screen and (min-device-width: 375px) and (max-device-width: 667px)" href="small.css">

Kann mir jemand sagen welchen Fehler ich mache?

Vielen Dank im Voraus.


Lieben Gruß
Speeeedy

 

Muss ich das denn? Auch wenn sich die small.css im gleichen Verzeichnis wie der Rest befindet?

Ich probiere es mal aus... danke schonmal...

 

Da hast du natürlich Recht.
Ich meinte den Themeordner...
Hab es gerade mal so bersucht wie du geschrieben hast... leider ohne Erfolg!

 

Mist... ich bekomme es einfach nicht hin!

 

3x ja

test.leckert-home.de

 

Hallo maxe,
vielen Dank für deine Hilfe.
Ich habe es jetzt hinbekommen und zwar wie folgt...

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Also Danke nochmal!!!
LG
Speeeedy

 

Hey maxe,

ich hab da doch nochmal ne Frage.
Wenn ich eine alternative stylesheet angebe, werden dann trotzdem noch Informationen aus der eigentlichen style.css gezogen?
Ich habe nämlich jetzt in der small.css testweise den Hintergrund gelöscht und die Schriftfarbe verändert, aber wenn ich die Seite auf dem iPhone aufrufe ist zwar die Schriftfarbe geändert, aber der Hintergrund noch da.
Hast du nen Tip?

LG
Speeeedy

P.S.: Ja, den Browsercache habe ich geleert...

 

Habs schon selbst rausgefunden...
Die separate small.css ist tatsächlich nur für die Änderungen zuständig.
Ich hab jetzt in der small.css insgesamt nur folgendes stehen:

body {
background-image: none
}
#hauptnavi a {
color: #fc0303;
}

Und siehe da... die Schrift in der Navigation ist rot und das Hintergrundbild ist weg... es funktioniert!

Also danke nochmal und gute Zeit!

LG
Speeeedy