Hoi Lo, kun je ons voorzien van een link van de betreffende site?
Thread starter
lodv
(@lodv)
Bedankt Ruud voor uw snelle reactie.
Het gaat om: http://aomnl.nl/
Het betreft het blauwe vlak.
Dank u wel.
Oh zeg maar je en jij hoor.
Probeer in je style.css eens het volgende aan te passen:
#secondary {
/*background-color: transparent;*/
border: 0;
clear: none;
float: left;
margin: 0 0 0 -100%;
/*min-height: 100vh;*/
width: 122px;
}
Thread starter
lodv
(@lodv)
Helaas werkt dit niet.
Dit is de code (origineel) in secondary in style.css
#secondary {
background-color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
clear: both;
color: rgba(255, 255, 255, 0.7);
margin-top: -1px;
padding: 0 10px;
position: relative;
z-index: 2;
}
Ik heb hier niets aan veranderd.
Dus dit is de originele code.
Bedankt voor de hulp.
in de style.css op regel 3582
.content-area {
padding-top: 72px;
}
veranderen naar
.content-area{
padding-top:20px; // of een getal naar eigen waarde invullen.
}
Thread starter
lodv
(@lodv)
Helaas. Ook dat werkt niet.
Wat wil je precies aangepast hebben?
div main class site-main is het blauwe vak op de site, moet de witte tekst hoger ?
Thread starter
lodv
(@lodv)
Nee, ik wil dat het blauwe vlak niet zo hoog is.
Het blauwe vlak de helft van wat het nu is.
Ik weet dat het uit site-content en page-content bestaat. Bij beiden heb ik kleur aangepast, maar hoe ik krijg ik nu de hoogte veranderd?
Bedankt voor alle reacties en moeite.
Als je op regel 755 van de style.css
content: “”; weghaalt, dan verandert het blauwe deel mee naar het aantal tekst wat jij invult
of ben je op zoek naar een vaste hoogte? dan loop je alleen wel het risico dat wanneer er “teveel” tekst ingevuld word, dit buiten het blauwe vak valt
Thread starter
lodv
(@lodv)
Dit is waar ik naar op zoek ben, alleen zou ik inderdaad bij het zien van het resultaat nu een vast hoogte willen.
Wil je me nog laten weten hoe ik dit moet klaarspelen?
Heel erg bedankt.
op regel 1259
.site-content .entry-content, .site-content .entry-summary, .page-content {
background-color:#6480a6;
padding:12px 10px 0;
}
zet tussen de { }
height: 500px; // maak hier een nummer naar eigen keuze van
en dan moet het lukken 🙂
Thread starter
lodv
(@lodv)
Dat zou je wel denken.
Dit is de code.
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
background-color: #6480a6;
/*background: url(“images/content-bg.png”) repeat;*/
padding: 12px 10px 0;
height:500px;
}
Je ziet het resultaat is er niet.
Vreemd maar waar helaas.
Nog een idee?
Sorry voor het ongemak.
#secondary {
/*background-color: transparent;*/
border: 0;
clear: none;
float: left;
margin: 0 0 0 -100%;
min-height: 100vh;
width: 122px;
}
Dit staat op regel 3666 van je style.css. De min-height: 100vh; zorgt voor een extra stuk ruimte onderin de site (en dus blauwe gedeelte). Als je deze regel nu eens weg haalt, wat vind je er dan van?
Thread starter
lodv
(@lodv)
Sorry Ruud,
Er veranderd helemaal niets.
Ik vind het heel erg, maar het is zo.
500px is ook de actuele hoogte!
Verander de 500px eens naar bijv 200px
Dit moet je in combinatie doen met :
Als je op regel 755 van de style.css
content: “”; weghaalt
dan moet het toch echt gaan lukken.
