Dinsdagavond 5 februari. Onder het genot van een lekker blond biertje en een gezellige maaltijd met een bezoeker van de JUG073. Nog maar een maand verwijderd van carnaval, maar Oeteldonk is zich al aan het voorbereiden. Dat was ook al zichtbaar aan enkele Oeteldonkers in het café. Iets na 19:30 nam Hans Kuijpers eenieder mee in de wondere wereld van template overrides. Er waren zelfs slides bij betrokken. 

Template overrides

Template overrides in joomla jug073 februari 2019

Dokter Joomla

vraag: Ik gebruik Helix template en heb dropdown van het menu ingesteld dat het subsubmenu naar links uitvouwt. Waarom staat het pijltje dan nog naar rechts?
antwoord: de developer bij Helix heeft er geen rekening mee gehouden, maar er is een oplossing. Eigen css toevoegen. Helix herkent de aanwezigheid van custom.css en zal deze inlezen, zodra aanwezig is.

De standaard CSS code voor pijltje naar rechts is:

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "FontAwesome";
    content: " \f105";
    float: right;
}

De instelling voor subsubmenu naar links zorgt voor toevoeging van een extra class .sp-menu-right bij .sp-dropdown. Je aangepaste CSS wordt dan:

.sp-megamenu-parent .sp-dropdown.sp-menu-right .sp-dropdown-items .sp-has-child>a:after {
    font-family: "FontAwesome";
    content: " \f104";
    float: left;
    margin-right: 8px;
}

Het pijltje voor indicatie van subsubmenu staan nu niet rechts, maar links en wijst ook naar links.

Handige links

  • Clean social share - zelf nog styling toepassen.
  • Squoosh - Online Google tool voor optimalisatie van afbeeldingen
  • Croppola - Online tool voor optimalisatie van afbeeldingen

De volgende keer

Maandag 11 maart, een week na de carnaval, is de volgende bijeenkomst van Joomla Gebruikersgroep 's-Hertogenbosch. Presentatie over RSForm Pro door Hans Kuijpers. Met onder andere: Hoe stel je een max aantal inschrijvingen in.

Reageer

1000 Resterende tekens