Je kan gebruik maken van bijv de plugin ‘SuperSlider-Perpost-Code ‘
Zo kan je per post / pagina css of javascript toevoegen die alleen op die pagina wordt toegevoegd.

Een andere optie is een aparte template te gebruiken voor het blog gedeelte en deze van onderscheidende <div id> te voorzien met een eigen CSS-opmaak.

Je hoeft alleen de afwijkende elementen van een eigen opmaak te voorzien. In het bovenstaande lijkt het definieren van de overige menu-items niet nodig om het gewenste effect te bereiken definieer je de default eenmalig; daarnaast geef je alleen de ‘afwijkende’item een eigen opmaak.

Het valt me trouwens op dat je de achtergrondimage voor de body laat ophalen uit een ander domein dan waar uiteindelijk omgaat, namelijk http://www.ruimtevoorrouwen.nl Dit lijkt me niet handig. Het lijkt beter om deze images in je image-map van je productiesite op te nemen

En nu dan een dubbele groet,die miste in het vorige bericht!
Succes!

Lianne

Hi Anne,

Wat je beschrijft is het’gevolg’van hoe CSS werkt. Doe daar dus je voordeel mee.

Klein beetje uitleg werking CSS

In CSS [en een childtheme] geldt dat de code die als laatste wordt uitgevoerd, het uiterlijk / acties van de site bepaalt.
bijvoorbeeld:

body{ background-color: #ffffff; /*wit*/        background-color: #000000; /*zwart*/ }

Resultaat: ‘zwart’.
Dat geldt ook als de opmaak-kenmerken 100 regels verderop in het CSS stijlbestand staan!

Wat gebeurt er nou als je dingen weghaalt, zoals jij hierboven beschrijf?

Welnu, eerst ‘kijkt’ de browser naar de ‘laatste’ opmaak voor dat element. In het bovenstaande voorbeeld, wordt de boel [weer] ‘wit’.

Kan er GEEN specifieke opmaakregel gevonden worden, dan gebruikt de browser de algemene opmaak kenmerken die in je site [css] staan.

Gebruik een tool als firebug om de opmaak kenmerken van je site te bekijken en aan te passen. Het maak ‘puzzelen’ rond de opmaak een stuk makkelijker.
== == == extra info
Gebruik van firebug – enkele eerste stappen

In browser:

1. re-klik > element inspecteren met firebug
2. Het firebug scherm opent:

* boven de webpagina
* firebug-werkbalken
* li-onder: scherm met HTML/ CSS en bijv. DOM
* re-onder: stijl= css

3. In de FB-werkbalk: klik het tweede icoon van links [pijltje in vakje];
4. Beweeg je muis over de webpagina [en klik]. Hiermee selecteer je een element in de webpagina, om daarmee de code zichtbaar te maken in het FB-scherm
5. In het FB-scherm:

* Links: de HTML-code van het gekozen element
* rechts: de stijl =CSS
* klik in de css en verander de waarde; kleur grootte of voeg een regel toe
* controleer in het deel van de webpagina of het gewenste effect wordt bereikt
* Nee? Druk <F5> verversen browser. Probeer iets anders
* Ja: neem de aanpassing op in de ‘style.css’ van je childtheme

6. Er is veel info over het gebruik van firebug.
begin eens hier: https://getfirebug.com/faq/

== == == leesvoer
http://www.w3schools.com/css/default.asp
http://codex.wordpress.org/Getting_Started_with_WordPress
http://codex.wordpress.org/CSS
http://codex.wordpress.org/Finding_Your_CSS_Styles
http://codex.wordpress.org/FAQ_Troubleshooting
http://codex.wordpress.org/Backing_Up_Your_Database

Natuurlijk zijn er ook trainingen op het internet te vinden