Support » Thema en CSS/opmaak » Witruimte website thema twenty seventeen

  • Opgelost cosefius

    (@cosefius)


    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 4 weken, 1 dag 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

    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)

    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 4 weken geleden door cosefius.
    Guido

    (@guido07111975)

    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)

    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)

    Mooi zo, en graag gedaan!

    Guido

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