Ik ben bezig een website om te zetten in w3.css maar heb nog een paar problemen. Zijn hier mensen die hier ook mee werken?
Een van de problemen is alsvolgt:
- ik heb een achtergrond in de html
- de body heb ik een witte achtergrond gegeven, maar die wil ik links en rechts een lijn geven
Naar mijn gevoel zou dat in het css moeten, anders moet ik elke pagina bij langs (w3-border-left en w3-border-right toevoegen).
Is dit in het css in te stellen zodat dit direct voor alle pagina's geldt? Krijg het niet werkend met border-left-width: 4px; en border-right-width: 4px;

3 opties

1. Alleen in te stellen zonder alle reeds bestaande pagina's bij langs te gaan, als je w3.css download. Dus niet via een cdn. Nadeel is dat je niet up-to-date bent.

Voeg volgende onderaan de w3.css toe:

body {
border-left: 5px solid #000; /* Left border */
border-right: 5px solid #000; /* Right border */
padding-left: 10px; /* Optional: to add some space between content and border */
padding-right: 10px; /* Optional: to add some space between content and border */
}




2. w3 container per pagina gebruiken, iets als:

Container:

<div class="w3-container">

<div class="w3-panel w3-leftbar w3-rightbar">
<p>dikke lijn</p>
</div>

<div class="w3-panel w3-border-left w3-border-right">
<p>dunne lijn</p>
</div>

</div>



3. Een style.css gebruiken, zie code 1.

Bedankt voor de hulp, opgelost.
De border-left en -right moest niet om de body, maar om de content. Dan lukt het via css.

Ik heb overigens w3.css gedownload en daar diverse aanpassingen in aangebracht voor eigen gebruik.