I’m not constructing a theme from scratch and am utilizing a given WordPress template that enables for full web site enhancing with Gutenberg block editor.
I’ve been in a position so as to add customized CSS (utilizing the Further CSS function in WordPress) that enables me to tweak issues site-wide, however not for particular blocks.
For instance, on my homepage I’ve an introduction like this:
Hi there, I'm a author, designer, artist
At present as a paragraph block.
What I want to do is to do a scroll animation for the phrases author / designer / artist, that appears like this instance: https://codepen.io/yoannhel/pen/DMzjog
I’ve regarded on the code there however cannot work out the right way to apply it to that particular paragraph block solely. I attempted enhancing it as an html block, following the code there, and including a customized css class, but it surely does not work.
Regardless, it will be tremendous useful to know the right way to do customized css with particular blocks on my web site with out going into enhancing the native theme code as I’m utilizing one supplied to me.
I am fairly new to all this, so suggestions and pointers are actually appreciated. Thanks all.
