Ondersteuning » Thema en CSS/opmaak » witte ruimte bovenaan de pagina's

  • Opgelost logerenbijbelgen

    (@logerenbijbelgen)


    Hallo
    Ik heb recent een wordpress pagina gemaakt met het profound theme (ben dus nieuw in deze wereld). Dankzij de tips op dit forum, ben ik er al ingeslaagd de witruimte een beetje kleiner te kunnen maken (via childtheme)maar toch blijft de ruimte ontzettend groot ( zie http://www.sud66.com)
    Iemand nog een idee om dit te verkleinen of ligt dit aan het thema (of omdat het een freetry is ?)
    Alvast bedankt voor een reactie.
    grt

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Als je de witruimte bedoeld boven het menu, kun je onderstaande code toevoegen aan je child bestand om het helemaal te verwijderen:

    .white .header-bg-section {
    display:none !important;
    }
    Thread starter logerenbijbelgen

    (@logerenbijbelgen)

    Hartelijk dank !!! Dat was het wat ik zocht (en niet gevonden had) !!
    En om de ruimte onder de menu te verkleinen, bestaat dat ook ?
    Is er ergens een goede handleiding ter beschikking ?
    Ongelofelijk waar zo een forum goed voor is , en zo snel een antwoord !! Nog eens bedankt !
    groetjes

    Graag gedaan!

    De witruimte onder het menu staat nu op 50 pixels.

    .post-template .content-section {
    padding: 50px 0 0;
    }

    Deze kun je desgewenst verkleinen en daarna weer aan de Child toevoegen. Dus bijvoorbeeld:

    .post-template .content-section {
    padding: 10px 0 0 !important;
    }
    Thread starter logerenbijbelgen

    (@logerenbijbelgen)

    Dude, OK ! Nog eens bedankt , je bent een crack !
    zuiderse groetjes !!

    Thread starter logerenbijbelgen

    (@logerenbijbelgen)

    @dude, weet je toevallig ook hoe je het menu kan vasthouden over de lengte, want als ik nu het window verklein, dan springt het menu soms over 2 regels en daarna terug over 1 regel als het lettertype automatisch verkleint.
    thanx

    Je kan de padding verkleinen van elk menu item met onderstaande code. Hierdoor wordt het menu minder breed.

    .primarymenu-section a {
    padding: 0 12px !important;
    }

    Bovenstaande code werkt voor elk scherm formaat, dus ook als dit eigenlijk niet nodig is. Als je het menu alleen wilt verkleinen op een kleiner scherm kun je onderstaande code proberen:

    @media only screen and (max-width: 1144px)
    {
        .primarymenu-section a {
        padding: 0 12px !important;
        }
    }
    Thread starter logerenbijbelgen

    (@logerenbijbelgen)

    Hallo,
    Heb dit geprobeerd, doch niet echt resultaat. Ik denk dat het gewoon niet mogelijk is, misschien dat ik de titels in het menu wat kleiner maak.
    Toch bedankt voor de moeite !
    Groetjes

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘witte ruimte bovenaan de pagina's’ is gesloten voor nieuwe reacties.