Ondersteuning » Thema en CSS/opmaak » Achtergrondkleur aanpassen?

  • Hoi,

    in mijn Chip Life-thema op http://www.aloys.nl (vandaag onbereikbaar, nog niet eerder meegemaakt bij One.com) heb ik donkergrijs als achtergrondkleur ingesteld. Dat is het beeld links en rechts van mijn website.

    De berichten en menu-items staan in mooie blokken met afgeronde hoeken, de achtergrond van de tekst is wit (prima!) maar de ruimte tussen de blokken is ook wit. Daar zou ik wel eens mee willen experimenteren, bijv. met heel zacht grijs.

    Dit ziet niet in de standaard-instellingen, zoals de donkergrijze achtergrondkleur. Iemand die weet wáár ik dat in welke stylsheet moet aanpassen?

    Bij voorbaat mijn hartelijke dank!

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Ga naar weergave > bewerker en selecteer daar het bestand style.css (stylesheet) zet dit onderaan er bij:

    #stage-data{
    	background-color:#999;
    }

    Kleur code (#999) veranderen naar gewenste kleur.
    Als je klaar bent op bestand opslaan klikken

    succes!

    Thread starter Aloys de Vries

    (@aloysfb)

    Opnieuw bedankt D@anny! 🙂

    Ik popel om het uit te proberen, maar ook hier geldt wat ik al eerder schreef, helaas:
    http://www.aloys.nl en enkele andere websites van me zijn nog steeds onbereikbaar als gevolg van een storing bij One.com. De eigen website van http://www.one.com kan ik ook niet openen…”

    Maar ik sla het op, hopelijk werkt morgen alles weer normaal!

    Thread starter Aloys de Vries

    (@aloysfb)

    Ik heb het geprobeerd, maar helaas: niet alleen de achtergrondkleur van de tekstblokken kleurde, maar vrijwel alles op de pagina kreeg een kleurtje…

    Dat komt waarschijnlijk omdat de rest van de blokken geen eigen achtergrond kleur hebben maar transparant zijn. Om deze een eigen kleur mee te geven voeg je dit nog bij de stylesheet toe:

    .post{
    	background-color:#fff;
    }

    Thread starter Aloys de Vries

    (@aloysfb)

    Dat is beter D@nny! 🙂
    We zijn er bijna, kijk maar eens op http://www.aloys.nl

    Enige probleem(pje?) nu nog is dat de content-blokken op gewone pagina’s hun witte achtergrondkleur verliezen.

    Nog een toevoeginkje?

    Zoals je ziet hebben we alle blokken met de class post nu een witte achtergrond kleur gegeven. Bij normale pagina’s heeft dit blok de class page.

    In de stylesheet geef je een class aan door middel van een . en daar achteraan de naam van de class. dus zo:

    .naamvanclass {
    
    }

    Tussen deze tekens { } komt alle opmaak code te staan.

    Dus wat je nog nodig hebt is dit:

    .page{
    	background-color:#fff;
    }

    Met deze add-on voor firefox kun je heel gemakkelijk in de code kijken en er achter komen welke class een bepaald element heeft. hier meer informatie over css selectors

    Google chrome heeft dit er al zelf ingebouwd en sommige andere internet browsers ook. Meestal moet je F12 gebruiken in je browser om dit scherm te voorschijn te halen.

    Maar als je er niet uitkomt mag je het natuurlijk ook gewoon vragen 🙂

    Thread starter Aloys de Vries

    (@aloysfb)

    D@anny, het werkt!
    Dus dat is de manier om andere (vooraf-)instellingen in een css te overrulen. Ik zal me er eens wat verder in verdiepen, in elk geval heel hartelijk dank zover! 🙂

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Achtergrondkleur aanpassen?’ is gesloten voor nieuwe reacties.