Support » CSS / opmaak vragen » Twee vragen: witruimte boven site-title en ruimte tussen titel-letters

  • Opgelost els007

    (@els007)


    Hallo,

    Ik zou graag twee dingen willen weten:
    – Hoe kan ik de witruimte boven de titel op de homepage kleiner maken? Ik zou graag de content van de pagina (tekst) wat hoger in beeld hebben
    – Als ik een smal scherm heb, gaat de titel ‘in 2-of-3-en’. Er zit dan heel veel witruimte tussen de titel -stukken. Niet mooi. Kan ik dat wijzigen?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Hoi,

    1) Er zit een padding-top op je site-title – stukje CSS nodig dus om het op te lossen. Dit stukje kun je plaatsen bij Weergave > Customizer > Extra CSS:

    #site-title {
        padding: 0; 
    }

    Of dan spelen met gewenste getallen.

    2) Ik zie dat niet echt, het is namelijk ook goed dat er spacing is tussen de headers en de body tekst. Als het echt de titel zou zijn moet je de line-height in CSS ook aanpassen. Ik heb de site geopend op mijn S9+ en het ziet er eigenlijk al goed uit, maar als je het toch wilt aanpassen:

    .entry-title {
        line-height: 1.5em;
    }

    Bovenstaande waarde is de huidige waarde. Kleinere lijnhoogte maakt de stukken dan dichter op één, maar te weinig is dan ook weer niet mooi.

    Groet,
    Jeroen

    Dankje! Mijn header zit nu hoger.
    Ik snap dat je bij vraag 2 het probleem niet zag… ik heb het niet goed verwoord vrees ik 🙂

    Als ik het beeld versmal, is de titel van de pagina onder het beeld prima. Maar ik bedoel de site titel. Er zit heel veel ruimte tussen de tekst in de titel. Zo:

    Stichting Westelijk

    Tuinbouwgebied

    Haarlem

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat is iets duidelijker en nu zag ik het ook, probeer dit stukje eens 😉

    h1#site-title {
        line-height: 2rem;
        margin-bottom: 20px;
    }

    Groet,
    Jeroen

    • Deze reactie is gewijzigd 1 jaar, 6 maanden geleden door Jeroen Rotty.

    Ja!! Hartstikke bedankt. Het ziet er nu goed uit.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Nu heb je wel weer die padding hé…
    Het andere stukje hoef je niet te verwijderen hé..

    Groet,
    Jeroen

    Nee, hij zat nu wel erg dicht op die bovenkant… kan het zijn dat dat veranderde? Of verbeeld ik me dat 🙂
    ik heb de padding op 1 gezet.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 wat? Je moet ook een ‘px,%,rem,em’ ingeven hé.

    Maar zoals het nu is vind ik het ook OK hoor 😉 anders plakt het tegen de bovenkant.

    Groet,
    Jeroen

    Nou lijkt de margin ook veranderd te zijn… de subtitel heeft minder marge links dan de titel…. of was dat al zo???

    /* minder ruimte boven header */

    #site-title {
    padding: 30px;
    }
    /* minder ruimte in de titel */

    h1#site-title {
    line-height: 1rem;
    margin-bottom: 20px;
    }

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat was niet zo, dat komt door je 30px padding rond de titel. Zou die toch laag zetten 😉

    Groet,
    Jeroen

    O, ja, stom… dank!

    Hallo

    Ik zit met hetzelfde probleem, heb bovenstaand al geprobeerd, maar wordt niet kleiner.

    Ik wil de ruimte tussen de sitetitel en de content kleiner maken.

    http://www.trouwen-bruiloft.be

    Misschien een andere code?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dag @trouwen-bruiloft,

    Graag zelf een topic starten en niet inhaken elders, elke thema of website is anders gebouwd dus kun je niet zomaar dezelfde CSS gaan gebruiken.

    Voor jou site:

    #content{
    margin-bottom:0;
    margin-top:0;
    }

    Groet,
    Jeroen

    Sorry wist ik niet.

    Maar hartelijk dank! Ga het even proberen

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Twee vragen: witruimte boven site-title en ruimte tussen titel-letters’ is gesloten voor nieuwe reacties.