Ondersteuning » Thema en CSS/opmaak » ontzettende dikke pagina titel en vele loze witte ruimtes erboven en eronder

  • Opgelost jaimervincentie

    (@jaimervincentie)


    Beste lezer,

    Ik heb een probleem met een ontzettende dikke pagina titel en vele loze witte ruimtes erboven en eronder, dit vind ik niet echt mooi en wilt dit volledig verwijderen / weg hebben.

    Als u mijn site bezoekt (jaimervincentie.com) ziet u als u op “News” klikt eerst een grote witte ruimte dan NEWS dan weer veel ruimte en dan pas mijn bericht. Dit geldt voor alle kopjes (unreleased, dj sets etc). Ik kan nergens in WordPress vinden waar dat ik dit kan verwijderen / onzichtbaar kan maken zodat meteen mijn bericht/tekst bovenaan staat.

    Alvast bedankt voor het helpen.

    Jaimy

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Hi Jaimy,
    Het bestand style.css regel 698 bevat de volgende code:

    #main {
        clear: both;
        padding: 1.625em 0px 0px;
    }

    Wijzig dit in:

    #main {
        clear: both;
        padding: 0px;
    }

    Hierdoor schuift de Titel een stuk naar boven.

    Thread starter jaimervincentie

    (@jaimervincentie)

    Bedankt voor je antwoord.

    Het lijkt niet te werken, ik heb het aangepast echter blijven de witte ruimtes. Het liefst zou ik ook de dikke titels “News” weg willen hebben zodat in dit geval “Matt Tolfrey & Laura Jones in the Mixmag DJ Lab” meteen bovenaan begint. Enig idee?

    Er zit altijd enige witruimte tussen titel en de pagina rand en / de tekst zelf.
    Je kan deze afstand verder verkleinen door in style.css het volgende aan te passen:

    regel 737 pas aan:

    .entry-title {
        clear: both;
        color: rgb(34, 34, 34);
        font-size: 26px;
        font-weight: bold;
        padding-bottom: 0.3em;
        line-height: 1.5em;
      /*  padding-top: 15px;*/
    }

    regel 746 pas aan:

    .entry-title, .entry-title a {
        color: rgb(34, 34, 34);
        text-decoration: none;
        display: none; /*toegevoegd*/
    }

    regel 1108 pas aan:

    .singular.page .hentry {
       /* padding: 3.5em 0px 0px;*/
        padding: 0;
    }

    == == ==
    Om dit soort dingen te doen [en nog heel veel meer] moet je het css-bestand / of php-bestanden aanpassen naar je wensen. Beter is het maken van een ‘child theme’.
    == == ==
    A. begin met het maken van een back-up van je site.

    Tip: Gebruik plugin ‘one click childtheme’ om een child theme te maken.
    1. installeer ‘one click childtheme’
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
    >> er wordt een child theme aangemaakt map en bestanden zoals style.css;
    == == ==
    B. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
    – Maak je aanpassingen in style.css van het childtheme;
    – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    Dat doe je door alleen de gewijzigde css-code op te nemen in dit bestand.
    == == ==
    lees:
    http://codex.wordpress.org/Getting_Started_with_WordPress
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles

    Thread starter jaimervincentie

    (@jaimervincentie)

    Bedankt voor je informatie, je hebt me goed geholpen, ik heb de 3 regels aangepast en het ziet er nu uit zoals ik hoopte!

    Enorm bedankt!

    graag gedaan

    graag gedaan

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘ontzettende dikke pagina titel en vele loze witte ruimtes erboven en eronder’ is gesloten voor nieuwe reacties.