Kleur widged zijbalk aanpassen

div#sidebar-8 {
   background-color:#99cc66; /*pas aan naar wens*/
}

== == == Extra

Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.

…Beginner / gevorderd / expert…
Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉 [Een heel klein beetje kennis van PHP helpt ook, maar is doorgaans niet direct nodig]
Zo kan je een gekozen theme makkelijker aanpassen aan je behoeften.

Veel plezier!
== == == 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…
bijv. [engels, betaald] Lynda.com:
http://www.lynda.com/WordPress-tutorials/WordPress-Essential-Training/154417-2.html
Natuurlijk zijn we op dit forum bereid je verder te helpen met je vragen / keuzes…

Hi,
[;) Ik ben 54 en 4 jaar geleden begonnen… er is dus hoop ;)]
😉 Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’.

Daarmee bedoel ik:

1. Open de site in je browser
2. rechtsklik met je muis op een onderdeel van de pagina
3. kies ‘element inspecteren’.
4. Nu opent er een deel-venster onderaan je scherm.
5. Klik op een regel in dit deelscherm >> nu zie je in het bovenliggende deel, op welk deel van de site deze regel betrekking heeft
6. ga nu regels naar boven / beneden tot je het aan te passen onderdeel hebt gevonden
7. in het onderste scherm, RECHTS vind je de CSS-kenmerken van het geselecteerde deel..
8. hier kan je de css aanpassing uitproberen
9. heb je de oplossing gevonden? Pas dan ‘style.css’ van je [child]theme aan…

Ik hoop dat dit misverstand nu is opgelost?
TIP:
>>Kijk eens naar de bovengenoemde link van LYNDA.COM 10 dagen gratis proberen of een nederlandstalige youtube-video over het gebruik van CSS

… vraag gerust…

OK, dan doen we het langs andere weg…

div#sidebar-8 {
   background-color:#99cc66; /*appeltjesgroen: pas aan naar wens*/
}

== == == WAT NU TE DOEN MET DEZE CODE…

Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

Alternatief-1: Voeg bovenstaande code toe aan style.css van je theme.

1. dashboard > weergave > editor
2. in de rechterzijbalk selecteer ‘style.css’. Dat ziet er ongeveer zo uit:

   /*
   Theme Name:     Restaurant
   Theme URI:      http://www.designpromote.co.uk/wp2012/restaurant/
   Description:    Easy to use but functional responsive theme to build a website for restaurants or other types of business that work on any device. Features include a loading page, an intergrated slider library to manage sliders, and optional Google Map plugins, Restaurant SimpleBooings plugins (available at Designpromote.co.uk/wordpress).
   Author:         Nan Zhang
   Author URI:     http://www.designpromote.co.uk/
   Template:       twentytwelve
   Version:				1.10
   License: GNU General Public License v2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
   Tags: light, one-column, two-columns, flexible-width, custom-header, full-width-template, flexible-width
   Text Domain: restaurant
   
   Restaurant theme, photos/images included are licensed under the GPL. jQuery FlexSlider v2.0 Copyright 2012 WooThemes
   */
   
   @import url("../twentytwelve/style.css");
   
   /* =Basic structure */
   a {
   	outline: none;
   	color: #660000;
   }
   a:hover {
   	color: #0f3647;
   }

3. Klik IN het style.css- bestand
4. scroll helemaal naar beneden!
5. voeg de volgende code TOE

   div#sidebar-8 {
      background-color:#ffffff; /*wit; pas aan naar wens*/
   }

6. klik ‘bestand bijwerken’
7. bekijk je site <CTRL-F5>

alternatief-2

1. Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
2. open de map van je theme
3. gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je theme te bewerken
4. voeg bovenstaande code ONDERAAN toe aan ‘style.css’ van je theme > sla alle wijzigingen op
5. HER-UPload de aangepaste ‘style.css’ naar de map van je theme [en overschrijf]
6. browser: druk <CTRL-F5> om je browser te verversen
7. bekijk het resultaat
8. Ververs je browser <CTRL-F5>.