In je eerste post vertel je over het bestand waarin je je css-aanpassingen moet vastleggen. Dit overschrijft eerdere declaraties. Je wilt de searchbox weghebben. Deze heeft als classe ‘search’. Neem in het desbetreffende bestand op:
.search {display:none;}
en klik op ‘update file’
Deze code betekent in J&J-taal: ‘searchbox: verschijn niet!’.
Over het algemeen hoef je niet bang te zijn dat er iets fout gaat. Zorg ervoor dat je het bestand even kopieert voordat je gaat wijzigen (gewoon de inhoud in een Kladblok-documentje zetten). Dan kun je altijd terug. Maak steeds kleine stapjes.
Sorry… Ik ga op de searchbox in mijn site staan, rechtermuisknop; element inspecteren. Dan krijg ik css.
Waar zet ik dan ‘.search {display:none;}’neer? Helemaal onder of verander ik de tekst?
En hoe sla ik op?
Of ga ik in ‘costumize’ dat hele verhaal van wordpress verwijderen en alleen ‘.search {display:none;}’ plakken?
(ja blond…)
Ik heb hem nu een paar keer op een andere plek kunnen krijgen? En er het woord saerch van kunnen maken ipv search…Achter welk woord of in plaats van welke woorden moet ik .search {display:none;} plakken?
Je hebt in de tussentijd wat posts hierboven geleegd/aangepast, maar inderdaad moet je alle css die je wilt veranderen in dat bestand zetten wat je krijgt bij ‘Customize css’. De hierin geplaatste css overrulet alle eerdere declaraties voor de onderdelen die je opneemt, omdat deze als laatste css bestand wordt opgenomen. Stel dat eerder gedeclareerd is dat de achtergrond van de website rood moet zijn, en dat je hierin zet: de achtergrond moet wit zijn, dan wordt ie wit. Je hoeft de tekst die er al staat niet te veranderen of te verwijderen. Je kunt in de eerstvolgende regel na die tekst gewoon met je aangepaste code beginnen.
Heb je in tussentijd ook een ander theme genomen? Je searchbox heeft in ieder geval een andere class dan vanochtend.
.header-search {
display: none;
}
Wat je ook kunt doen is in je header.php in je template-map kijken en zoeken naar de regels die voor de searchbox zorgen. Dit begint met:
<div class="header-nav-search-container">
En eindigt met:
</div>
<!--.header-search -->
Als je al deze code en die daartussen verwijdert, dan verschijnt die box niet, want hij is niet meer ‘gevraagd’. Ook hier geldt: niet bang zijn! stapje voor stapje nemen, eerst lokaal een kopie in een teksteditor (bijvoorbeeld Kladblok of Notepad) maken. Dan kun je altijd terug.
Je zult vervolgens wel een andere invulling aan dat lege witte vlak moeten geven. Bijvoorbeeld door je afbeelding aan te passen.
Overigens: ‘inspect element’ en css wijzigen: dat is ‘maar’ voor de analyse. Niet voor het daadwerkelijk veranderen. Dat zou ook te gek zijn, want dan zou je bijvoorbeeld wehkamp.nl door de war kunnen sturen. Alleen jij, met toegang tot de bestanden op jouw (gehoste) server, kan de geteste wijzigingen vanuit ‘inspect element’ op jouw website daadwerkelijk doorvoeren. Het is belangrijk om dit goed te begrijpen!
(ja, toen ik jong was ook blond geweest)
Wat fantastisch dat je al deze tijd neemt om me te helpen!!
Ik heb je eerste optie geprobeerd en zo te zien werkt het! 🙂 Ik heb geen nieuw thema genomen, ik heb de hele dag zitten te prutsen in css (haha) dus ja, het kan zo zijn dat ie dus anders is geworden (oeps)
Ik ga nu proberen mijn afbeelding inderdaad groter en in het midden te plaatsen. Als je daar nog een tip voor hebt hoor ik het graag.
Nogmaals SUPER BEADANKT!
Okee, ik ben twee uren bezig geweest met het aanpassen van de header. Ik wil hem groter alsin dat ik niet aan de zijkant een lege witte ruimte heb.
Ik ben aan het googelen en prutsen geslagen en vond deze post; http://wordpress.org/support/topic/change-header-size?replies=6
Zoals het meisje in de post aangeeft wil ik het ook, en zo te zien is het haar gelukt. Ik heb haar css bekeken en dat geprobeerd toe te passen op die van mij, maar dat haalt niets uit.
Een andere foto er in om te kijken of het aan de foto ligt werkt ook niet.
Zou je me daar ook mee kunnen helpen of moet ik een nieuwe vraag daarvoor posten?
Je hebt een ander thema dan het meisje hierboven, bij jou werkt het anders. Begin eens met het uploaden van een afbeelding die 975px breed is. Daarna moet je het mogelijk maken dat de div waar je afbeelding aan gekoppeld is een breedte van 975px heeft. Bij jou is dat de div met class hgroup. Zet in je css-bestand
.site-header hgroup {
width: 975px;
}
ook hier ben ik nog steeds mee bezig. Dank je wel voor je antwoord, ik ga kijken of ik een andere foto kan regelen die liggend is genomen in de hoop dat dat wel werkt.
nogmaals bedankt!
