Ondersteuning » Thema en CSS/opmaak » Header witruimte

  • robinverrue

    (@robinverrue)


    Hey 🙂

    Ik vroeg me af of iemand me zou kunnen vertellen hoe ik mijn header groter krijg of de witruimte kan wegkrijgen. http://fundamentalbranding.com/

    Heb al lange tijd zitten zoeken naar online antwoorden en zitten prutsen maar de moed begint stilaan in de schoenen te zakken.

    Alvast bedankt 🙂

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Dat is niet zo heel moeilijk te vinden want volgens het bootstrap.min.css mag jouw laag met de class container niet groter, op mijn scherm, zijn dan 1170 pixels zo als je in de volgende code kan zien;

    @media (min-width: 1200px){
    .container {
        width: 1170px;
    }
    }
    @media (min-width: 992px){
    .container {
        width: 970px;
    }
    }
    @media (min-width: 768px){
    .container {
        width: 750px;
    }
    }

    Laat je ook gelijk de code zien voor de andere formaten van beeldschermen zo dat je weet dat er nog meer in staan. Nu kan je dat natuurlijk uit je css halen maar in denk dat wel meer lagen gebruik maken van de class container. Wees daar dus voorzichtig mee en denk er aan dat dan nog steeds niet de afbeelding tegen de randen van het beeldscherm aan komen want de volgende code staat ook in de bootstrap.min.css;

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    Thread starter robinverrue

    (@robinverrue)

    Ik ben helaas niet zo gemasterd in de taal van css maar ik kan ongeveer begrijpen wat je bedoelt, helaas lukt het me niet om de witruimte onderaan de header weg te krijgen..

    Weet je toevallig een code die ik gewoon kan invoeren via de additional css customizer van wordpress zodat de witruimte tussen de header & packages aanzienlijk kleiner wordt?

    Alvast bedankt 🙂

    Nu dacht ik eigenlijk dat het om de breedte van de pagina ging.
    Probeer de volgende code;

    .header .overlay-layer{
        padding-bottom:0px;
        }

    eens uit. Als het te dicht op elkaar komt te staan kan je de 0 veranderen in een ander getal.

    Thread starter robinverrue

    (@robinverrue)

    Super het is gelukt!

    Hartelijk dank! 🙂

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Header witruimte’ is gesloten voor nieuwe reacties.