Gantry: CSS toevoegen aan Helium thema
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;
}