New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add styles to the block icon block ( oik-blocks/blockicon ) #42
Comments
These styles didn't appear to work with the Fizzie FSE theme. With Genesis-a2z the styles are in the HTML as:
and the HTML is
With Fizzie it's the same thing - with a different URL
and the HTML is
The |
The solution works for icons which were svg files, but not for dashicons. Blocks for which the icons do not respond to different styles:
|
Having corrected blockicons I also needed to change blockinfo to support the additional CSS class |
When I first tried to add styles to the block icon block I managed to write some CSS to display the icon with 4 different sizes:
It worked if I used the additional CSS class above but not when the class name was prefixed with
is-style
. egis-style-svg64
.On reinvestigation - after finding out how to style paragraphs, list and groups into mutiple columns - I found some CSS that enables the
is-style-svg64
CSS to take effect in the editor. It overrides the WordPress core styling for the.block-editor-block-icon
class, setting the display toinline
( wasflex
).Requirement
oik-blocks/blockicon
blockSolution
The text was updated successfully, but these errors were encountered: