MRDude20

Je kan de padding verkleinen van elk menu item met onderstaande code. Hierdoor wordt het menu minder breed.

.primarymenu-section a {
padding: 0 12px !important;
}

Bovenstaande code werkt voor elk scherm formaat, dus ook als dit eigenlijk niet nodig is. Als je het menu alleen wilt verkleinen op een kleiner scherm kun je onderstaande code proberen:

@media only screen and (max-width: 1144px)
{
    .primarymenu-section a {
    padding: 0 12px !important;
    }
}

Graag gedaan!

De witruimte onder het menu staat nu op 50 pixels.

.post-template .content-section {
padding: 50px 0 0;
}

Deze kun je desgewenst verkleinen en daarna weer aan de Child toevoegen. Dus bijvoorbeeld:

.post-template .content-section {
padding: 10px 0 0 !important;
}

Je kan deze stappen proberen te volgen

Op deze manier wordt de URL voor de gebruiker aangepast, en zal deze dus niet meer naar /wp gaan. Let wel op dat de URL voor het admin panel niet wordt aangepast, dus je zal nog wel moeten inloggen met de /wp URL.

Dank.
Wellicht werkt onderstaande:

.site-content .entry-content {
float: left !important;
margin-left: 30px !important;
width: 760px !important;
max-width: 760px !important;
}

Je kan ook nog proberen om bovenstaande code direct onder deze regel te plaatsen:
@import url(“../twentyfourteen/style.css”);

Hoi Joep,

Je kan proberen om een “!important” mee te geven, zodat hij de oude css regels overschrijft. Dus als voorbeeld:

.entry-content {
float: left !important;
margin-left: 30px !important;
width: 760px !important;
}

Gaat het over een .wordpress.com domein?
Deze laten het namelijk niet toe om een externe template (van bijv themeforest) te gebruiken.