Achtergrondkleur gehele website

Opgelost marketingdebelten
(@marketingdebelten)

3 jaren, 7 maanden geleden

Goedemorgen,

Het lukt me maar niet om de lelijke achtergrondkleur van onze website te veranderen (naar wit, #FFFFFF). Ik heb in het thema diverse vakken met code bekeken, ik heb bij ‘Extra CSS’ een code voor een nieuwe achtergrondkleur staan, maar toch blijft deze dezelfde lelijke gelige kleur. Ons ’thema’ heet ‘Brasserie De Belten’, dus dit is verder geen hulp. Daarnaast maak ik gebruik van WPBakery Page Builder – al vermoed ik dat dit er niets mee te maken heeft.

Graag leer ik hoe ik de achtergrondkleur voor de gehele website kan veranderen naar wit (#FFFFFF)

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)

ronaldvw
(@ronaldvw)

3 jaren, 7 maanden geleden

Hallo,

in je custom css gebruik je de class “.site” als selector. Deze komt echter niet voor in de html. Meer over classes en id’s: https://css-tricks.com/the-difference-between-id-and-class/

Om uit te zoeken waar een bepaalde opmaak vandaag komt kun je de pagina “inspecteren” middels de webdeveloper tools: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools

Als je dan door de diverse elementen zoekt, kom je bij de body tag een achtergrondkleur definitie tegen, zie afbeelding en uitleg daaronder:

http://vanweerd.com/screenshots/s20200904151430.jpg

1. inspecteer de pagina
2. “Computed” laat zien welke styleing in effect is
3. laat zien welke css code daarvoor gebruikt is
4. laat zien in welke css bestand (application.css) en op welke regel (212) die css code staat.

In dit specifieke geval staat er ook nog eens een !important declaratie bij, hetwelk betekent dat de css code niet zomaar overruled kan worden (tenzij er dieper in de css “cascade” ook een !important wordt gebruikt.

Meer over css en cascading: https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade

Guido
(@guido07111975)

3 jaren, 7 maanden geleden

Het is inderdaad wel vreemd dat een achtergrondkleur met een !important declaration in je stylesheet staat, dat kun je niet even makkelijk overschrijven 🙁

Je kunt de achtergrondkleur dus ook niet via de Customizer in je dashboard wijzigen?

Guido

Thread starter marketingdebelten
(@marketingdebelten)

3 jaren, 7 maanden geleden

Hallo beiden, bedankt voor de reacties. Dank voor alle links en de bijgevoegde schermafbeelding – echter ben ik nog niet zo begaan met code en wil ik de site niet compleet slopen zonder zeker te weten wat ik doe.

Ik heb het ook niet kunnen vinden in de Customizer. Dit ’thema’ is heel beperkt.
Ruurd de Wind
(@geoclaps)

3 jaren, 7 maanden geleden
Persoonlijk zou ik je adviseren iemand of een bedrijf te vragen met je mee te kijken. Zeker als je je niet vertrouwd voelt met code aanpassingen. Ik kan eventueel wel even (kosteloos) meekijken. Kijk even op mijn website webreactor.nl voor mijn nummer (Whatsapp).
- Deze reactie is gewijzigd 3 jaren, 7 maanden geleden door Ruurd de Wind.
Thread starter marketingdebelten
(@marketingdebelten)

3 jaren, 7 maanden geleden

Goedemorgen Ruurd,

Mijn excuses voor mijn late reactie. We hebben na intern overleg besloten om een compleet nieuwe template in te stellen voor onze site. Ik heb uitgelegd hoe lastig en potentieel gevaarlijk het rommelen met code kan is en daarnaast – de site is al niet heel denderend aantrekkelijk.

Bedankt voor uw aanbod, dat wordt zeer gewaardeerd en ik zal uw site noteren voor eventueel toekomstig advies! Vandaag zal het echter niet nodig zijn.

Met vriendelijke groet

Ruurd de Wind
(@geoclaps)

3 jaren, 7 maanden geleden

Helemaal goed en geen dank.

Mocht er in de toekomst nog iets zijn, plaats het dan via dit forum of contacteer mij 😉

Zou je tot slot het topic op ‘opgelost’ willen zetten?

Fijne dag!

Thread starter marketingdebelten
(@marketingdebelten)

3 jaren, 7 maanden geleden

Zal ik doen! U ook bedankt!