custom CSS doesn't work at all after update to the latest version of Shapely

Hi,

After a year of using Shapely, I updated the theme to the latest version today. I copied my custom CSS before the update pasted it back after the update into the location: Customize -> Additional CSS

For example:

#site-navigation .search {
    display: none;
}

footer#colophon {
    padding: 22px 0;
}

.module.widget-handle.search-widget-handle.left {
    display: none;
}

a.btn.back-to-top.inner-link {
    display: none;
}

.entry-content p br {
    display: block;
}

However, none of these custom CSS doesn’t affect the website anymore.
Can anyone help me?

Hello there,

I hope you are doing well today.

Please disable any third party plugins that you may have active then use the following link to clear your browser cache then refresh the page to see if the CSS takes effect.

Best Regards,
Support

Hi,
Thank you for your reply.

I disabled all plugins, cleaned cache, and deleted and reinstalled Shapely theme. But the custom CSS still doesn’t work…
Any suggestions?

Hello there,

Thanks for the update.

Could you please provide a link to the website so that we can have a look at it?

Best Regards,
Support

Hi,
Thanks for your reply.
The address is: vinnieko.com
The custom CSS that is currently typed in WP -> Customize -> Additional CSS:

.hidetitle .entry-title {
    display: none;
}

footer#colophon {
    padding: 22px 0;
}

.module.widget-handle.search-widget-handle.left {
    display: none;
}

a.btn.back-to-top.inner-link {
    display: none;
}

.entry-content p br {
    display: block;
}

#site-navigation .search {
    display: none;
}

Hello there,

Please try using the following CSS code instead of the current set:


h1.entry-title {
    display: none;
}

footer#colophon {
    padding-top: 20px;
}

.bg-dark .back-to-top {
    display: none;
}

.search {
    display: none;
}

Best Regards,
Support