Hallo,

Momenteel heb ik mijn website (wat draait op Worpress) in een 'Box' layout gezet, alleen kan ik nergens vinden hoe ik de border kan verbreden.

Via de editor van Chrome heb ik de Padding kunnen wijzigen, en hierna werd de Box kleiner (zie afbeelding 1)



Alleen hoe wijzig ik dit in mijn .CSS sheet? Ik kan nergens de code ervan vinden om hem te verkleinen en om de box tevens te centreren op de website.

Iemand die me kan hierbij kan helpen?

centreren van de box : #box {margin: 0 auto;}

Ik weet niet precies welke border je bedoelt maar als het echt een border is staat er ergens in je CSS iets als #box {border-width: ... px} of gewoon #box {border : ... px #fff solid} (afmeting, kleur, stijl).

Als je even een linkje naar je site geeft kunnen we even in de code kijken en je makkelijker helpen.

Hallo Marcel,

De link naar de website is: www.frstickers.nl.

Ik kan via de theme opties instellen of ik de layout op full width wil zetten, of in een boxed layout. Ik heb nu gekozen voor de boxed layout en heb ook een achtergrond foto ingesteld, alleen ik zou graag willen dat de 'box' waar mijn layout nu in staat smaller wordt zodat aan de zijkanten de achtergrond foto meer zichtbaarder is. Alleen dit kan ik nergens in de style sheet vinden..

Hoop dat je begrijpt wat ik bedoel :)

Ik begrijp wat je bedoelt (denk ik ;-)). Zo te zien heeft je theme een custom stylesheet, custom.css
Voeg daar de volgende dikgedrukte code eens toe :

Code:

/* 
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#wrapper {width: 80%;}

Alleen de dikgedrukte code dus, de rest staat er namelijk al in. Dat percentage kun je variëren totdat je het gewenste formaat hebt. Als dit niet werkt kun je de volgende alternatieven ook eens proberen:

Code:

#wrapper {max-width: 80%;}

of

Code:

#wrapper {width: 80%!important;}

Zo te zien op je site werkt dit, maar nu wordt de wrapper ook een heel stuk naar beneden verplaatst. Probeer eens het volgende toe te voegen aan de #wrapper:

Code:

#wrapper {width: 80%; margin-top: 10px;}

of, als dat niet werkt:

Code:

#wrapper {width: 80%; position: absolute;  top: 10px;}

Maak wel even een child-theme of gebruik een custom CSS plugin als je theme geen custom CSS optie heeft. Als je de CSS zelf namelijk wijzigt is die wijziging bij de eerst volgende theme-update weer foetsie. En wedden dat je daar te laat achter komt, of dan weer moet uitzoeken hoe het ook weer moest?