heleenkruitbosch

Aangemaakte reacties

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Forum: Thema en CSS/opmaak
    In antwoord op: Witruimte onder header
    Thread starter heleenkruitbosch

    (@heleenkruitbosch)

    4 jaren, 5 maanden geleden

    Fijn te lezen, dank je wel voor het actieve meedenken en je snelle reacties! Hartelijke groet, Heleen

    Forum: Thema en CSS/opmaak
    In antwoord op: Witruimte onder header
    Thread starter heleenkruitbosch

    (@heleenkruitbosch)

    4 jaren, 5 maanden geleden

    Dag Jeroen,

    Ik had heel graag gezien dat jouw code zou werken op mijn website, maar ik blijf dan elke keer die grote witruimte zien, ook als ik suggesties doorvoer die jij nog geeft. Ik heb de code nu verkleind naar:

    @media screen and (min-width: 48em){
    .panel-content .wrap {
    padding-top: 0px;
    }
    .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: 0px;

    Daarmee is de witruimte nog steeds verkleind en heb ik het overbodige volgens mij weg gehaald. Of denk je dat ook deze code op een bepaalde manier mijn website nadelig kan beïnvloeden?

    Ik ben benieuwd naar je reactie, alvast hartelijk bedankt!

    Heleen

    Forum: Thema en CSS/opmaak
    In antwoord op: Witruimte onder header
    Thread starter heleenkruitbosch

    (@heleenkruitbosch)

    4 jaren, 5 maanden geleden

    Dag Jeroen,

    Bijzonder bedankt voor je snelle reactie! Helaas vormde dat ook niet de oplossing. Heb inmiddels wel ergens anders de code kunnen vinden die voor mijn website de oplossing bood. Het is een lange code en misschien kan er wel iets van weg (want ik weet niet precies wat alles betekent), maar hij werkt voor mij en voert verder geen rare aanpassingen op mijn site door, dus ik ben er blij mee 🙂 Tenzij je nog suggesties hebt om de code te optimaliseren? Hartelijke groet, Heleen

    .site-content {
    padding-top: 2em;
    }

    .page-header {
    padding-bottom: 0;
    }

    @media screen and (min-width: 48em){
    .panel-content .wrap {
    padding-top: 0px;
    }
    .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: 0px;
    }
    }
    @media screen and (min-width: 48em) {
    .site-content > .wrap {
    max-width: 910px !important;
    }
    .site-content > .wrap .content-area {
    max-width: none !important;
    }
    }
    @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap {
    max-width: 910px;
    }
    }

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