[Support request] CSS disappears

[Katie]

I’m attempting to change the caption font size.
I enter this – appearance – customize – additional CSS
figcaption,
.wp-block-image figcaption {
font-size: 12px;
}
I publish.
It doesn’t change.
When I go back to appearance – customize – additional CSS the code is not there.
Can you tell me please what I’m doing wrong?
I have not added any other CSS

[Ying]

Hi there,

The steps are correct.

Can you try it again?

If it still doesn’t work, can you provide admin login using the private info field so we can take a look at the backend?

[Katie]

I’ve tried it several times….
Info provided

Thanks for the help – my head hurts from banging it on my desk….

[Ying]

my head hurts from banging it on my desk….

You make me laugh haha…

Can you provide the login link as well?

[Katie]

Lol. That would be helpful….
I assume you meant the attached.

[Ying]

It’s very strange.

Any chance you can disable all your plugins to test?

If it’s a live site with traffic, try creating a staging site and then do the test.

Usually, your host should offer this service for free.

Let me know!

[Katie]

I’ve been working on a staging site and this didn’t work – so I tried it on the live site thinking that might be the problem.
I’ll disable the plugins on the staging site and try it – tomorrow. It’s late here in France….
I’ll let you know
Thanks

[Ying]

Good night Katie, talk to you tomorrow 🙂

[Katie]

I deactivated all plugins – same problem, the CSS still disappears.
More help is needed… Sigh.

I also tried it in incognito mode – nothing.

[David]

Hi there,

i see you’re using JetPack, and i notice that it adds some additional fields in the Cutomizer > Additional CSS.
Which lead me to this article:

https://crunchify.com/wordpress-custom-css-value-disappears-after-activating-jetpack-plugin/

So it seems theres an issue with the JetPack plugin – i found this doc:

https://jetpack.com/support/custom-css/

Can you try disabling the Enhance CSS customization option.

Excerpt from above doc as to where to find it:

To enable this feature, visit Jetpack → Settings → Writing in your site’s dashboard. Scroll down to the Theme Enhancements section and toggle on the Enhance CSS customization panel option.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Katie]

I deactivated Jetpack on my staging site and the problem persisted.
I had not know about the CSS bit in Jetpack prior so it had not been turned on. I turned it on and the problem persisted.
I’ve had an ongoing ‘nonce’ issue with Jetpack so my first thought was to deactivate it. Sadly, it didn’t Help.
I deactivated ALL of my plugins – it didn’t solve the problem.
I’m not using Jetpack premium.

[David]

See my reply above, i made some edits to it:

https://generatepress.com/forums/topic/css-disappears/#post-2345615

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Katie]

I disabled it but it didn’t help.
I have been working on this problem for 2 days and I only enabled that option this morning as another possible solution. It has always, prior to the last few hours, been disabled.
Also, as I said earlier, I totally deactivated the Jetpack plugin on my staging site and that did not fix it.

[David]

Well it has me beat.
Can you create a staging site ? then on the staging site disable ALL plugins, and see if the Additional CSS saves. You can then test for plugin conflicts.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Katie]

I did that – please see earlier reply. I deactivated ALL the plugins ALL of them. It still didn’t work.

[Author]

Posts