Make a little higher site-content

Hello. Help me, please, make a little higher site-content and increase its width (to occupy 85% of the user’s screen).

Thanks a lot in advance )


You can do this with custom css code below:

.site-content {
    margin: 0 0;

@media (min-width: 1200px) {
    .container {
        width: 85%;

Apply it from Appereance > Customize > Additional CSS field. Note that .site-content default value is 60px 0 which means 60px top/bottom margin in case that you want to change it to some value other than zero. Change with provided code should look like this

Best Regards!

1 Like

Thank you so much. This is exactly what i needed.