Support » CSS / opmaak vragen » Stuk van het lesrooster verwijderen + rode blokjes (lessen)

  • Opgelost Sasseke

    (@sasseke)


    Hallo,
    hoe kan ik alle uren van het lesrooster tussen 11.00 en 18.00 verwijderen, gezien hier geen lessen zijn, het eigenlijk allemaal ‘lege’ ruimte is?
    En is er een mogelijkheid dat als een les om 18.30 begint, het rode blokje niet op 18.00uur begint maar tussen 18.00uur en 19.00uur? Misschien het rooster niet op uren zetten maar op halve uren?
    Alvast bedankt!!
    Met vriendelijke groet
    Diana

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Stuk van het lesrooster verwijderen + rode blokjes (lessen)’ is gesloten voor nieuwe reacties.