Klik hier voor informatie over de wijziging in de levering van diensten en ondersteuning.

Gantry: CSS toevoegen aan Helium thema

kobu-agency-ipARHaxETRk-unsplash

Gantry5 biedt een aantal opties om CSS aan te passen — maar niet alles werkt via ingebouwde stijl bewerker.

De grootte van het lettertype vond ik wat te klein. Ook de letters van het menu mogen wat mij betreft wel wat groter.

In de documentatie wordt het aanpassen/toevoegen van aangepaste CSS beschreven — maar het voorbeeld vond ik toch nog wat verwarrend.

Ik heb onder user/themes/g5_helium/custom/scss/custom.scss mijn eigen CSS toegevoegd.

Hieronder heb ik mijn custom.css bestand geplakt in de hoop dat iemand er iets aan heeft.

body {
 font-size : 129%;
}

.g-menu-item-content {
  font-size: 120%;
}

#g-footer .g-copyright {
    font-size: 0.96rem;
    line-height: 1.25rem;
}

a.button {
 background: #3498db;
}

a.button.read-more {
 background: #3498db;
}

code {
 vertical-align: baseline;
 background: #b9b9b9;
}

div.e-content img {
 border-radius: 10px;
 border: 2px solid #3498db;
 padding: 1px;
}

Next Post Previous Post