Hallo,

Ik moet voor een koor (vrijwillig) een website bouwen, en hun voorkeur ging uit naar een simpel systeem.

Ik heb gekozen voor het thema: Forever, en al naar hun wensen aangepast.
Nu loop ik tegen een klein probleem aan. Ik heb al vanalles geprobeerd in de style.css maar ik kom er niet uit...

Link: www.kooruitvolleborst.nl/wordpress

Aan de rechterkant stond eerst een sidebar. Die heb ik weg gehaald omdat ze hem niet mooi vonden.
Nu is het de bedoeling dat de tekst gecentreerd in het midden komt te staan, maar dit lukt me niet.

Heb er al een paar uur googlen op zitten, maar ik blijf het probleem houden.

Iemand die mij verder op weg kan helpen?

Ik neem aan dat je text-align: center al geprobeerd hebt voor de div waar de tekst in staat?

Lap tekst tussen <center>dfklfhbjerkhrgl</center> werkt ook niet?

Origineel gepost door Jeroen kloeg

Hallo,

Ik moet voor een koor (vrijwillig) een website bouwen, en hun voorkeur ging uit naar een simpel systeem.

Ik heb gekozen voor het thema: Forever, en al naar hun wensen aangepast.
Nu loop ik tegen een klein probleem aan. Ik heb al vanalles geprobeerd in de style.css maar ik kom er niet uit...

Link: www.kooruitvolleborst.nl/wordpress

Aan de rechterkant stond eerst een sidebar. Die heb ik weg gehaald omdat ze hem niet mooi vonden.
Nu is het de bedoeling dat de tekst gecentreerd in het midden komt te staan, maar dit lukt me niet.

Heb er al een paar uur googlen op zitten, maar ik blijf het probleem houden.

Iemand die mij verder op weg kan helpen?

#content {
margin: 0 38.020833333333% 0 3.645833333333%;
max-width: 560px;
}

veranderen in

#content {
margin: 0 38.020833333333% 0 3.645833333333%;
max-width: 900px;
}

Origineel gepost door Nicolas van Spronsen

veranderen in

Ik heb hem nu inderdaad veranderd naar 900px,
maar ik zie helaas geen verschil.
Aanvullend bericht:

Origineel gepost door ivo van laarhoven

Lap tekst tussen <center>dfklfhbjerkhrgl</center> werkt ook niet?

Nee, dan blijft de tekst op de oorspronkelijke plaats staan.

Verander max-width even in min-width.

Code:

#content {
    margin: 0 38.020833333333% 0 3.645833333333%;
    max-width: 900px;
}

naar

Code:

#content {
    margin: 0 3.645833333333%;
    max-width: 900px;
}

Of eigenlijk, wat ik persoonlijk zou doen:

Code:

#content {
    margin: 0 3.645833333333%;
    width: 100%;
}

Vanuitgaand dat alle pagina's hetzelfde zijn en de volledige breedte mogen benutten ;)

Origineel gepost door Danny de W.

Code:

#content {
    margin: 0 38.020833333333% 0 3.645833333333%;
    max-width: 900px;
}

naar

Code:

#content {
    margin: 0 3.645833333333%;
    max-width: 900px;
}

Of eigenlijk, wat ik persoonlijk zou doen:

Code:

#content {
    margin: 0 3.645833333333%;
    width: 100%;
}

Vanuitgaand dat alle pagina's hetzelfde zijn en de volledige breedte mogen benutten ;)

Wauw, geweldig! ik heb hem wel even veranderd naar 85%, perfect!

Enig idee hoe ik ook elke pagina dan ook het menu item naar het midden kan plaatsen? (wat nu links staat)

Niet zeker of je dit bedoeld, maar kijk maar even:

Code:

.entry-title {
    margin-right: 70px;
}

naar:

Code:

.entry-title {
    text-align: center;
}

Origineel gepost door Danny de W.

Niet zeker of je dit bedoeld, maar kijk maar even:

Code:

.entry-title {
    margin-right: 70px;
}

naar:

Code:

.entry-title {
    text-align: center;
}

Dat is hem helaas niet.
Ik bedoel: Als je bijvoorbeeld op de pagina: Home klikt, dan zie je links (net boven de tekst)
nog een keer Home staan in grijze letters. De bedoeling is dat die tekst in het midden komt te staan.
(en de kleur eventueel aangepast kan worden)

Volgens mij doet die css precies dat?

Origineel gepost door Danny de W.

Volgens mij doet die css precies dat?

Sorry, je hebt inderdaad gelijk. Je bent geweldig.

Ik krijg het alleen nog niet voor elkaar om de kleur naar rood (#FF0000) te veranderen.

Code:

}
.entry-title a {
 color: #FF0000;
 text-decoration: none;
}
.entry-title a:focus,
.entry-title a:active,
.entry-title a:hover {
 color: #1982d1 ;

Origineel gepost door Jeroen kloeg

Sorry, je hebt inderdaad gelijk. Je bent geweldig.

Ik krijg het alleen nog niet voor elkaar om de kleur naar rood (#FF0000) te veranderen.

Code:

}
.entry-title a {
 color: #FF0000;
 text-decoration: none;
}
.entry-title a:focus,
.entry-title a:active,
.entry-title a:hover {
 color: #1982d1 ;

Hoezo dan ook die .entry-title a? Gewoon in hetzelfde stukje als net - dus:

Code:

.entry-title {     
    text-align: center;
    color:#f00;
}

Origineel gepost door Danny de W.

Hoezo dan ook die .entry-title a? Gewoon in hetzelfde stukje als net - dus:

Code:

.entry-title {     
    text-align: center;
    color:#f00;
}

Weer iets geleerd, het werkt allemaal, dank.

Probleem is opgelost, topic kan gesloten worden.

Psst, verander je permalinks even, dat staat 10x mooier.