Adam Leone

Hello Michiel,

Many thanks for getting back to us.

I suspect this could be because of the Lazy Loading settings in Jetpack.

May I ask you to deactivate this as per: https://jetpack.com/support/lazy-images/.

Once deactivated, please also clear the site and browser cache.

This should hopefully clear up that fuzziness.

Many thanks.

Hello there,

Ah – I see exactly what you mean!

Please remove (previous code):

@media (max-width: 768px) {

.menu-menu-1-container {
    height: 700px;
}

.main-navigation.toggled ul {
    display: block;
    overflow-y: scroll;
    position: relative;
    height: 100%;
}
}

And replace with:

@media (max-width: 768px) {
.main-navigation.toggled ul {
    display: block;
    overflow-y: scroll;
    position: relative;
    max-height: 685px;
}
}

It looks like .menu-menu-1-container was unnecessary there.

Can you confirm that this has the desired effect please.

Many thanks in advance.

Hello there,

Happy to help you with this.

although there is still 1cm of white space below it, above the grey line separating the bottom of the menu from the rest of the page.

The CSS to add to change this is:

.site-header {
    padding-bottom: 1.5em;
}

1.5em is the default there, so this would be adjusted to suit your needs.

I hope this helps.

Hello Roy,

Many thanks for that extra information.

To change the background colour of a button, you might want to add the custom CSS:

/* Change button background */

input[type="submit"] {
    background: #ff0000;
}

With regards the font, you may need a plugin to import that font in from Google Fonts – these plugins here: https://wordpress.org/plugins/search/google+fonts/ may be of interest.

I hope this helps!

Hello there,

Happy to help you with this.

when I use a transparent image as my featured image, it comes out over a pink background. How do I eliminate this OR make it a white background?

You may wish to try this CSS here:

.portfolio-thumbnail a {
    background: #ffffff;
}

I hope this helps.

Hello there,

“This has now been fixed in r57711”

This is the name of the code deployment/update that relates to this bug.

If you’re not seeing this take effect, you should make sure that the theme is as up to date as it can be and also clear the browser cache. https://en.support.wordpress.com/browser-issues/#clearing-your-browser-cache

We hope this helps.

Hello there,

Many thanks for reaching out.

I see there’s a number of widgets in use there – is there a widget in particular you’re looking to change the font size of?

This information will help to determine the CSS required to make a change.

Many thanks in advance.

Hello there,

To center align the navigations, you might want to try this CSS:

/* Center align menus */

.site-header > nav {
    margin: 0 auto;
}

For the excerpt, you might want to try:

.home .entry-content {
    text-align: center;
}

I hope this helps.