20. januar 2012 - 13:46Der er
26 kommentarer og 1 løsning
Child theme (style.css)
Hej
Jeg har oprettet et child theme til mit Wordpress tema. Child-temaet virker og den upload'er også style.css, men hvis jeg skal lave ændringer i css'en, så sker der ingenting.
Som jeg har forstået det, burde den så ikke overskrive "moder-css'en"?
Ved I hvad der kunne være årsagen til at der ingen ændringer sker?
Jeg har hentet mit tema fra Elegant Themes - ved ikke om det generelt bare er deres temaer, der giver lidt bøvl? Nedenfor er den kode jeg har brugt til child-temaet:
altså dit child-theme virker lige efter upload, men ikke hvis du ændrer i det uden at slette det og ligge det op på ny, eller hvordan skal det forstås?
Synes godt om
Slettet bruger
20. januar 2012 - 15:30#2
Der burde ikke være nogen problemer hvis du bare skriver dine rettelser efter @import(...) :
Når jeg aktiverer mit child-theme, kan jeg se at det arver alt det nødvendige css. Men idet jeg fx vil ændre noget i child-css'en( font-size eller farve osv.) så sker der ingenting.
Og jeg skriver det efter @import url("../Sky/style.css");
Jeg har fulgt en videotutorial, som min underviser har lavet, så derfor er jeg rimelig sikker på at det jeg har lavet er korrekt. Som eksempel bruger han twentyeleven, som jo er standarttemaet for wordpress. Derfor mistænker jeg selve valget af mit tema. Men jeg har ingen anelser om, hvad jeg skal gøre eller hvad der spiller mig et pus. Det kunne være i havde oplevet det før
Synes godt om
Slettet bruger
20. januar 2012 - 16:02#4
Kunne det tænkes at dit "Sky"-tema tilføjer noget dynamisk CSS vha. wp_head()? Det kan nok godt give dig problemer. Tjek det evt. ved at se på kildekoden når du loader siden.
Ikke hvad jeg umiddelbart kan se. Det eneste der har noget som helst med css af gøre, er selve det stylesheet jeg har linket samt e-panel. Og det er det e-panel jeg tror der måske blokerer noget, selvom man deri kan aktivere et evt. child-css.
Hvis du er sikker på at det er lavet rigtigt, og at det er det theme du har aktiveret i WordPress, så er vi nødt til at se lidt mere, som olebole også siger.
Du kan komme ud for, at du prøver at lave et child-theme af et andet child-theme, og det derfor indeholder en masse overflødige !important regler. Hvis dette er tilfældet, så vil dine ændringer blive ignoreret.
hvilket jeg går ud fra er et link, fra din header.php, til dit child stylesheet. Har du selv ændret i header.php eller oprettet din egen header.php i dit child theme? Linket virker i hvert fald ikke. Du skal nok bruge
bloginfo('stylesheet_directory')
hvis du skal linke til nogle stylesheets i dit child theme.
Jeg ved ikke om det kan være det, men undrede mig bare over at der bliver linket til et stylesheet som ikke findes.
Synes godt om
Slettet bruger
20. januar 2012 - 19:19#11
Forresten er det omkring linje 30 i koden jeg fandt det der link. Så ved du/I det...
Olebole> Jeg ved ikke, hvad du/I skal kigge efter, da jeg ikke ved hvor problemet ligger. Jeg ved bare, at jeg har lavet et child stylesheet. Og når jeg prøver at style siden, sker der intet. Og da jeg ikke har så meget forstand på det, tyr jeg til jer eksperter :)
Voldum> Nej jeg har intet ændret. Jeg har kun fulgt den videotutorial, og alt der blev gjort i den, var det første jeg skrev med at importere stylesheetet, samt oprettet en index.php, som er en tro kopi af den oprindelige.
Jeg har hverken ændret eller oprettet en header.php. Kun index.php og style.css. Så jeg aner intet om det, men jeg vil da lige prøve at kigge på det.
Sålænge du ikke fortæller, hvad du prøver at sætte i hvilket stylesheet, har du fuldstændig ret. Derfor har jeg to gange bedt dig forklare, hvad det er, vi skal lede efter =)
Hvad er det præcis, du prøver at sætte, men som ikke virker - og i hvilket stylesheet? Hvis vi ved det, ved vi, hvad vi skal lede efter. Ellers kan vi kun quizze
@fs-manden: Du overskriver koden i style.css med koden i dark.css. Derudover er store dele af CSS'en temmelig sort. Hvad mon f.eks. begrundelsen for de mere end spektakulære værdier i denne kode kan være:
margin: 0 0 0 -0.8125em;
- eller denne:
margin: 0 -22.25% 1.625em;
Der er også en hel del absolutte positioneringer (og så meget andet), jeg undrer mig over.
Jeg tror måske, din kode fortjener helt sin egen tråd =)
@fs-manden: Som olebole siger, så burde du have oprettet din egen tråd. Du har altså 2 muligheder for at få dette til at virke nu.
Som det fremgår af artiklen på deres Codex, så kan du tilføje !important til dine ændringer. Fx:
#site-title a { color: #008800 !important; }
Selvom dette kan være okay for få ændringer, er det stadigvæk en lappeløsning, og det er bestemt ikke optimalt for større child themes. Hvad jeg ville foreslå dig at gøre, er at få inkluderet dine ændringer efter dark.css. Således:
Jeg har fundet ud af problemet. Det lå slet ikke i childtemaet, men derimod i min Dreamweaver. Jeg var nødt til at afinstallere programmet installere det igen.
Mange tak for jeres hjælp!:) Og igen undskyld det sene svar.
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.