CSS voor de Greenshift blocks
De CSS op deze pagina is speciaal voor de WordPress Greenshift blocks builder. Er is bij de Greenshift blocks veel aanpasbaar, maar niet alles. Daar gebruik je dan CSS-code voor.
Hou er rekening mee dat de manier om de CSS-code of klassen te integreren bij elk WordPress thema enigszins verschilt. Thema’s zoals Kadence, Astra, Blocks, en eigenlijk de meeste moderne thema’s, hebben allemaal een optie om CSS-code en classes te gebruiken.
Hou er rekening mee dat de manier om de CSS-code of klassen te integreren bij elk WordPress thema enigszins verschilt. Thema’s zoals Kadence, Astra, Blocks, en eigenlijk de meeste moderne thema’s, hebben allemaal een optie om CSS-code en classes te gebruiken.
CSS bredere dropdown Query loop builder
Deze CSS-code stelt je in staat de breedte van het dropdown menu van de Query loop builder aan te passen.
Motivatie CSS-code: het standaard dropdown filter menu is nogal smal. Dat betekent dat het (a) niet mooi is en (b) een wat langere tekst vaak een afbreking, dus 2 regels, krijgt. Daar gebruik je deze code voor. Plaats de code bijvoorbeeld in een code plug-in.
De 150px waarde kun je uiteraard aanpassen.
Motivatie CSS-code: het standaard dropdown filter menu is nogal smal. Dat betekent dat het (a) niet mooi is en (b) een wat langere tekst vaak een afbreking, dus 2 regels, krijgt. Daar gebruik je deze code voor. Plaats de code bijvoorbeeld in een code plug-in.
De 150px waarde kun je uiteraard aanpassen.
/* maakt dropdown van Query loop builder filter breder! */
.gspb_drop_item {
width: 150px;
}Nu je weet hoe je dit dropdown filtermenu kunt ‘targeten’, kun je uiteraard ook andere eigenschappen aanpassen. Denk daarbij aan lettergrootte, kleur, uitlijning e.d.
CSS integreren op je website
Wil je weten hoe je CSS-code integreert op je WordPress website? De manier waarop je de code integreert is belangrijk voor een voorspelbaar en goed resultaat. Kijk hier.
