Padding en kaders willen niet weg

Hoi, vervelend en lijkt me enorm frustrerend 😉

Ik heb even gekeken en de padding zijn tamelijk groot. Via de volgende CSS kun je die eventueel aanpassen. Voeg ze b.v. toe aan de customizer via ‘Extra CSS’.

body.ct-boxed #primary .widget,
body.ct-boxed .container-inner #primary .engage-mag-article-wrapper > article {
    padding: 0;
}

Verder bestaat negatieve padding niet. Wel negatieve margins maar zou ik persoonlijk niet aan beginnen, het gaat vaak weer andere zaken tegenwerken in je layout tenzij je er consistent mee omgaat en beperkt tot een enkele aanpassing.

Als je de border property gebruikt kun je die eventueel weghalen door de css optie:

.cssClass { border: none !important }

te gebruiken. Dit forceert een border weg te halen, zelfs als die dieper toegekend is via een reeks aan classes. CSS luistert namelijk naar de diepste selectie. Als je b.v. deze CSS zou gebruiken:

#selector divElement { border: 1px solid red; }

en

.selector divElement { border: 1px solid blue; }

Zou de # altijd overrulen omdat een hashtag (ID) een hogere prio heeft in CSS. Ook het uitschrijven van volle paden en de ‘!important’ eigenschap heeft hogere prio en kun je gebruiken om CSS te overschrijven als die eerst niet overschreven wil worden. Hou er wel rekening mee dat je dit eigenlijk alleen in geval van nood gebruikt, niet standaard overal.

• Deze reactie is gewijzigd 3 jaren, 6 maanden geleden door Ruurd de Wind.