Dag Diana,
Het is misschien makkelijk voor ons als je even toelichting geeft over welke plugin op oplossing je momenteel in gebruik hebt voor je lessenroosters zodanig dat we kunnen meedenken of zoeken naar bvb. documentatie over die plugin en wat dan de mogelijkheden zijn. Vaak kun je ook direct bij de pluginmakers terecht of kun je rechtstreeks op hun plugin-pagina ook een topic starten. Hier zit je in het algemene forum.
Groet,
Jeroen
Hoi Jeroen
ik heb net gemaild met een andere webdesigner. Die zei dat het ‘gewoon’ met CSS kan ongeacht het thema/plugin.
Hij mailde het volgende naar mij:
Hoi Diana,
Die ruimte tussen 11:00 en 18:00 zijn iets van 5 tabel rijen. Je kan met CSS aangeven dat je bijv. het 2e t/m het 6e gevonden element wil verbergen (met bijv. display: none;).
Zie https://css-tricks.com/useful-nth-child-recipies/
Dat rode blokje “opschuiven” kan je bewerkstellingen met een negatieve marge. Dus bijv. margin-top: -20px oid.
Het thema van de site is Gymbase. Het lesrooster is onderdeel van dit thema.
Mijn klant heeft (echter) geen abonnement meer op dit thema. Ze zou dan speciaal hiervoor opnieuw een abonnement moeten nemen/moeten betalen voor dit thema.
Als het (daarom) ‘gewoon’ met CSS kan zou geweldig zijn.
Groeten
Diana
Hoi ik heb de volgende codes in de customizer gezet, echter zonder resultaat:
td event:nth-child(1)
{
margin-top:0px;
margin-bottom:0px;
}
td event
{
margin-top:-20px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:-20px;
}
#allclasses td:nth-child(2+3+4+5+6+7+8)
{
display:none;
}
Ik wil dus bij alle roze blokjes (behalve de eerste want die is van 10 tot 11) zowel aan de onder- als bovenkant een stukje eraf, en de uren waarin geen lessen zijn verwijderen uit de tabel = lesrooster.
Alvast bedankt voor uw hulp.
Groeten
Diana
Diana,
Je CSS-selectors zijn niet correct waardoor het niet werkt.
table.timetable tr:nth-child(2), table.timetable tr:nth-child(3), table.timetable tr:nth-child(4), table.timetable tr:nth-child(5), table.timetable tr:nth-child(6), table.timetable tr:nth-child(7), table.timetable tr:nth-child(8){
display: none;
}
Hiermee haalt je alle lege rijen uit je tabel weg. Het andere probleem kan je niet met CSS oplossen.
Niels
Hoi Niels
erg bedankt!
Hartelijke groet
Diana