Archief - 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/theme-2014-how-to-fill-the-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

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;
}

Gorthe zei:

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;
}

Klik om te vergroten...

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