Najaarsdeal: €198 €98
Alle essentiële MailChimp vaardigheden in 50 videolessen. Vlot en goed zelf je nieuwsbrief maken!
Bekijk deze online cursus→

Trainer:
Martijn Baltes

Cursus WordPress: GeneratePress CSS

wordpress-css-twenty-eleven

Op deze pagina vind je een aantal handige CSS codes waarmee je het uiterlijk van het GeneratePress WordPress thema kunt aanpassen zonder de Premium versie aan te schaffen.

Klik op Weergave > Customizer > Extra CSS en er verschijnt een vakje waar je de CSS codes kunt plaatsen.

Laat je niet afschrikken door deze programmeercode, gewoon kopiëren en plakken en kijken wat er gebeurt! Bevalt het niet, verwijder de code, klik op "Publiceren" en alles is weer zoals het was.

/* Voettekst GeneratePress uitschakelen */
.site-info {display: none;}

/* Achtergrondkleur van de sidebar widgets*/
.sidebar .widget {background-color: #e2e8ff;}

/* Lijntje rondom sidebar widgets */
.sidebar .widget {
border: solid 1px #cccccc;
border-radius: 8px;
padding: 15px !important;
}

/* Afbeelding van de homepage naadloos aan laten sluiten op menubalk */
.home .site-content {padding-top: 0px !important;}

/* Witruimte boven en onder logo */
.inside-header {
padding-top: 15px;
padding-bottom: 15px;}

/* Auteursvermelding boven berichten uitschakelen */
.byline {display: none !important;}

/* Categorie-link verwijderen */
.cat-links, .tags-links, .comments-link {display: none;}

/* Voettekst GeneratePress balkje andere kleur */
.site-info {background-color: #f06424;}

/* Lijn over hele breedte boven de footer */
.site-footer {border-top: solid #000000 2px;}

Plaats een reactie