Hoi Chenny,
Ik zie dat je kleuren kunt wijzigen met de pro versie vh thema. Met de gratis versie zul je zelf CSS moeten toevoegen via pagina Extra CSS vd Customizer. Wat wil je precies aanpassen?
Guido
Hoi Guido,
Dank voor je reactie.
Ik wil graag het bovenste en onderste grijze deel #454545 wijzigen naar een blauwe kleur bv. #3d9cf7 weet nog niet precies welke. Heb wel gezien dat je extra css kan toevoegen maar weet niet hoe je dit hier toevoegt. Ben wel klein beetje bekend met CSS
Ik zie de code #454545 zovaak in de broncode.
Kan ik her ook een screenprint toevoegen?
Gr. Chenny
Hoi Chenny,
Dat kun je via pagina Extra CSS wijzigen, door dit toe te voegen:
.site-header {background-color:#3d9cf7; color:#fff;}
(als je de witte kleur niet hoeft te wijzigen, kun je dat laatste eruit halen)
Je kunt de ID/CSS-klasse achterhalen door het element te inspecteren in je browser. Ga op het element staan met je cursor, rechtermuisklik, kies Inspecteren. De broncode van je site opent, en dan zie je ook direct de CSS die aan dit item gekoppeld is. Meer uitgebreide uitleg is op Google te vinden.
Guido
Dank je wel Guido, ik ga het vanavond proberen.
Gr. Chenny
Hoi Guido, ik heb die regel geprobeerd bij ExtraCSS maar lukt niet echt.
Onderstaand heb ik bij die inspectie gevonden maar dat staat ook doorgestreept
Inherrited from header#masthead.site-header
.site-header {
- background-color: #3d9cf7;
- background-color: var(–header-background-color);
- color: #fff;
- color: var(–header-text-color);
}
Gr, Chenny
Hey Chenny,
Misschien is de selector niet specifiek genoeg om de standaard CSS te overschrijven. CSS werkt op vlak van specificiteit wat er wel of niet toegepast wordt.
Je kan puur om te proberen !important proberen, die zou de rest moeten overschrijven:
.site-header {
background-color:#3d9cf7 !important;
color:#fff !important;
}
Als dat wel werkt, dan zou je eigenlijk “specifiekere CSS” moeten schrijven (langere selector (het stukje voor {), maar zonder toegang tot de site wordt dat voor ons moeilijk)
Hoi Jeroen,
Met !important lukt het wel.
Maar wat bedoel je met als dit werkt, “zou je eigenlijk…..etc”?
Wat mij betreft is mijn probleem nu opgelost.
Veel dank, heel blij met jullie 🙂
Groetjes, Chenny
Ik drukte me nogal te kort uit, ik bedoel niet dat het geen oplossing is. Maar in CSS is het beter dat je geen !important gebruikt maar gewoon een meer specifiefe selector. Omdat een !important eigenlijk echt alles overschrijft. Maar maak je geen zorgen, verder heeft dat nergens anders impact.
Ik markeer het topic als opgelost.
Hoi Chenny,
Mooi dat het opgelost is. Omdat ik even niet in de gelegenheid was om inhoudelijk te reageren, heeft Jeroen dit even gedaan 😊
Guido
Hoi Guido,
ik begrijp dat jullie niet altijd snel paraat kunnen staan. Ben al blij dat jullie deze support geven.
Groetjes Chenny
