1. #1
    IrisH's Avatar
    Registered
    02/07/13
    Location
    Antwerpen
    Posts
    382
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/2

    Wordpress website vult de pagina niet

    Hallo!

    Mijn blog vult niet de volledige pagina. Het is een Wordpress-site met het thema twenty fourteen.

    Screenshot: http://i.imgur.com/Q6HREc6l.png

    Wel, eerst heb ik het probleem gegoogeld en de oplossing gevolgd in: https://wordpress.org/support/topic/...e-whole-screen
    Nu vulde de site wel de hele pagina, maar er waren nog twee problemen
    1. De tekst bleef in een kleine kolom gepropt
    2. De smileys werden gigantisch (even breed als het tekstvak)
    Zie screenshot: http://i.imgur.com/Qo1BrEYl.png

    Dus die verandering heb ik ongedaan gemaakt
    Andere oplossingen die ik online vond... eh... eigenlijk snapte ik daar geen bal van :/ (geen ervaring met CSS enzo...)
    Ik zou graag hebben dat de tekst (maw de inhoud en bestaansreden van de blog) zich over de hele breedte vult.

    Moest je de site zelf willen bekijken: Colour Cow | - the drawing blog of Iris Hopp
    https://support.wwf.be/nl/3/Steun-WWF << red de diertjes en plantjes!
    no votes  

  2. #2
    Gorthe's Avatar
    Registered
    07/03/14
    Location
    Hasselt
    Posts
    39
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ik vind de volgende eigenschap terug in je style.css bestand van de website:

    .site {
    background-color: #fff;
    max-width: 1260px;
    position: relative;
    }


    Maak hier eens van:

    .site {
    background-color: #fff;
    max-width: 100%;
    position: relative;
    }



    En bij deze:

    .site-header {
    background-color: #000;
    max-width: 1260px;
    position: relative;
    width: 100%;
    z-index: 4;
    }


    Naar deze:

    .site-header {
    background-color: #000;
    position: relative;
    width: 100%;
    z-index: 4;
    }


    Daarna zie je dat je inhoud van de posts fel van de rechtermarge staan:

    Verander deze:

    .site-content {
    margin-right: 29.04761904%;
    margin-left: 182px;
    }

    Naar bijvoorbeeld deze

    .site-content {
    margin-right: 20px;
    margin-left: 182px;
    }
    Last edited by Gorthe; 09-01-2015 at 10:16.
    no votes  

  3. #3
    IrisH's Avatar
    Registered
    02/07/13
    Location
    Antwerpen
    Posts
    382
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    Reputation
    1/2
    Quote Originally Posted by Gorthe View Post
    This quote is hidden because you are ignoring this member. Show
    Ik vind de volgende eigenschap terug in je style.css bestand van de website:

    (...ingekort)

    En bij deze:

    .site-header {
    background-color: #000;
    max-width: 1260px;
    position: relative;
    width: 100%;
    z-index: 4;
    }


    Naar deze:

    .site-header {
    background-color: #000;
    position: relative;
    width: 100%;
    z-index: 4;
    }


    Daarna zie je dat je inhoud van de posts fel van de rechtermarge staan:

    Verander deze:

    .site-content {
    margin-right: 29.04761904%;
    margin-left: 182px;
    }

    Naar bijvoorbeeld deze

    .site-content {
    margin-right: 20px;
    margin-left: 182px;
    }
    Dank u! De eerste twee aanpassingen hebben geholpen Het rechtermarge-probleem is er nog (screenshot: http://i.imgur.com/DtStT8i.png)

    Ik denk dat ik eens een voor-dummies-boek ga uitlenen, want ik voel me zo hulpeloos
    https://support.wwf.be/nl/3/Steun-WWF << red de diertjes en plantjes!
    no votes  

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in