Witruimte website thema twenty seventeen | WordPress.org Nederlands

Opgelost cosefius
(@cosefius)

2 jaren, 11 maanden geleden
Hoi, ik heb 2 vragen:

1. Ik heb met behulp van dit forum op mijn homepagina de enorme witruimte (op de desktop, mobiel is wel goed) kunnen aanpassen aan de bovenkant (tussen de titel + paginatekst en de menubalk) bij Extra CSS. Alleen op de andere pagina’s wordt dit niet doorgevoerd. Hoe kan ik ervoor zorgen dat dit op de andere pagina’s gelijk is aan de homepagina? Ik heb bij de homepagina de volgende code gebruikt:

@media screen and (min-width: 48em){
.panel-content .wrap {
padding-top: 35px;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 10px;`

2. Hoe kan ik de witruimte aan de onderkant tussen de laatste tekst en de balk eronder (waar de links naar de social media staan) verkleinen op alle pagina’s? Zeker op de homepagina zit daar veel ruimte tussen (wederom op de desktop, niet op mobiel).

Ik hoop dat iemand mij kan helpen hiermee. Alvast bedankt!
Hartelijke groet, Cyrina
- Dit onderwerp is gewijzigd 2 jaren, 11 maanden geleden door cosefius.
De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

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

Moderator Jeroen Rotty
(@jeroenrotty)

Support Moderator

2 jaren, 11 maanden geleden
Er zijn op de andere pagina’s 2 CSS regels die je padding voorzien op de andere pagina’s, met name deze:
```
@media screen and (min-width: 48em)
.page:not(.home) #content {
    padding-bottom: 3.25em;
} 
```
en
```
@media screen and (min-width: 48em)
.site-content {
    padding: 5.5em 0 0;
}
```
Je kan die 2 dus overnemen in je extra CSS en de waarden verlagen bij beide EM waarden naar 35px, zoals je nu hebt op je homepage.

Jeroen
Thread starter cosefius
(@cosefius)

2 jaren, 11 maanden geleden
Hoi Jeroen, hartelijk dank voor je reactie! De code werkte niet helemaal, maar uiteindelijk na wat uitproberen is het gelukt met dit:

@media screen and (min-width: 48em){
.panel-content .wrap, .page:not(.home) #content {
padding-top: 40px;
padding-bottom: 1px;
}

Erg blij mee, dank!
Heb ik meteen nog een ander vraagje. Kan ik ook de witruimte tussen de tussenkoppen en alinea’s verkleinen? (niet op de homepage, maar op de andere pagina’s, daar gebruik ik een aantal keren tussenkoppen).

Hoor het graag, alvast bedankt!

Hartelijke groet,
Cyrina
- Deze reactie is gewijzigd 2 jaren, 11 maanden geleden door cosefius.
Guido
(@guido07111975)

2 jaren, 11 maanden geleden
Hoi Cyrina,

Ik zie dat je tussenkopjes ook gewone maar vette tekst is. Probeer dit eens:
```
.entry-content p {margin-bottom:0.5em;}
```
(origineel is het 1.5em)

Voeg dit toe op pagina Extra CSS van de Customizer in je dashboard.

Guido
ps. als je code toevoegt op dit forum, druk dan voor en na je code op de “code” knop in de tekst opmaak balk.
Thread starter cosefius
(@cosefius)

2 jaren, 11 maanden geleden

Dankjewel Guido, die code werkt inderdaad!
En goed om te weten hoe de code weer te geven hier op het forum.
Hartelijke groet, Cyrina

Guido
(@guido07111975)

2 jaren, 11 maanden geleden

Mooi zo, en graag gedaan!

Guido

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

Het onderwerp ‘Witruimte website thema twenty seventeen’ is gesloten voor nieuwe reacties.

Weergaven