Magrietha,
Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.
Zo kan je op zoek naar de diverse elementen en de kenmerken aanpassen.
== == == hier mijn interpretatie == == ==
.sidebar .textwidget {
font-size: 11.5px; /* aangepast*/
margin-left: 15px; /* aangepast*/
margin-right: 15px; /* aangepast*/
}
.timeline-footer {
padding: 5px 5px; /* aangepast*/
}
.sidebar-box input[type="text"] {
margin-left: 0px;
}
h6 {
font-size: 11.5px;
text-align: center;
}
.timeline-footer {
background: none repeat scroll 0% 0% rgba(242, 242, 242, 1);
padding: 5px;
}
.sidebar-box h4 {
text-align: center;
}
#mc_embed_signup .button, #mc_embed_signup .button:hover {
color: rgb(92, 92, 86); /*kleur gelijk aan tekst boven velden */
}
#mc_embed_signup form {
padding: 0px 0px 0px 3%; /*verwijdert marge aan onderkant*/
}
.front-photo {
padding: 2px;
margin-right: 4px; /*aanpassen*/
margin-left: 15px; /*aanpassen*/
}
Bovenstaand vind je enkele [niet compleet voor alle elemeneten] aanpassingen voor je sidebar.
Voeg bovenstaande code toe aan style.css
van je CHILDtheme.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.
Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.
== == ==
Heb je nog geen childtheme?
- installeer en activeer ‘one click childtheme’-plug-in
- activeer de originele theme
- Dashboard > weergave > child theme
- beantwoordt de vragen op het scherm
>> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
- Activeer het childtheme.
==
- om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
– Maak je aanpassingen in style.css van het childtheme;
– mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
Super bedankt voor je reactie. Maar als ik heel eerlijk moet zijn, ik begrijp nu nog niet wat ik moet doen? Welke aanpassing leidt nu waarheen? Ik ben geen prof op het gebied van websites bouwen en dit is mijn eerste ervaring met WP, ik weet dat ik aanpassingen kan doen in de stylesheet. inmiddels al het een en ander daar kunnen aanpassen, maar bovenstaand verhaal is net even te ingewikkeld om mee uit de voeten te komen.
Waar pas ik nu de afstand tussen de items aan en waar pas ik de opgenomen widgets aan dat alles van dezelde marge van de zijkant begint?
Hi Magrietha,
Ik heb het volgende gedaan:
Ik heb naar je vraag en je site gekeken en een aantal aanpassingen gemaakt in de geest van je vraag.
Hoe zo zoveel?
Een site bestaat uit allerlei losse elementen die allemaal een plekje krijgen toegewezen door er opmaak-codes aan te hangen [HTML en CSS en PHP]
Wat moet je doen?
- maak een childtheme, als je er nog geen hebt
Instructies hierboven zijn stap voor stap
- Kopieer de aanpassingen in het blauwe blok en plak ze in
style.css
van het childtheme.
Dat kan je blokje voor blokje doen, zodat je zelf kunt zien wat er steeds verandert. Natuurlijk kan je alle waardes zelf verder aanpassen.
Verder bijvoorbeeld:
input {
width: 200px; /*breedte invulvelden 'Voornaam:'en 'E-mail-adres:' in de footer*/
}
Zo blijven ze binnen de maten van de pagina.