My solution is to use CSS to simulate numbers (or bullets) on a group (which is a <div>
). So I first created groups within groups, and then I added CSS class on the topmost group:
.numbered-list {
counter-reset: item;
}
And for each item, the group has this class:
.numbered-list-item {
}
.numbered-list-item:before {
content: counter(item) "";
counter-increment: item;
line-height: 1;
display: block;
}
Now the groups behave just like a numbered list, and they can contain anything.
Related Posts:
- Are there Gutenberg container blocks?
- show classes as dropdown in guttenberg`s additional css classes input box
- Style new block-editor alignfull class without scrollbars or overflow
- What CSS rules are introduced to core blocks through wp-block-styles?
- Gutenberg Block Editor Match Admin Styles & Frontend Styles
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- is it possible to use post-type as part of a css selector in block editor stylesheet?
- Remove WordPress/Gutenberg button styles for ACF blocks
- Gutenberg Additional CSS Class without modifying theme?
- How to override Gutenberg admin CSS
- Different css rules for TinyMCE and Gutenberg while using add_editor_style()
- Can you edit WP gutenberg block css without a plugin?
- How to stop Gutenberg from outputting inline CSS for specific blocks?
- Enqueue styles in new site editor in WordPress 5.9
- create bootstrap columns inside editor group block
- Add Custom Alignment Option to WordPress Blocks/Gutenberg
- Simple way to add custom class and ids to individual Gutenberg blocks
- Styling last item in ul [closed]
- The Global Styles missing
- ACF Gut block broke wordpress default style?
- Scroll code block instead of wrapping text
- Default paragraph block styles just for pages NOT for posts?
- Custom CSS in Widget editor (Gutenberg) gets stripped out
- Custom Gutenberg color classes naming convention
- Adding a new block editor color option to a theme
- Stop custom Gutenberg styles taking over other admin bits?
- Why can’t blocks be hidden with jQuery?
- Gutenberg CSS Issue
- Trying to make an image a circle in Gutenberg
- What is the cleanest way to shrink Gutenberg Blocks to container width?
- Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
- Default Gutenberg CSS on frontend
- Customizing the CSS for the post/page editor?
- Complex List Field – Gravity Forms
- how to arrange the bullet list items in vertical [closed]
- Use of CSS classes in editor-blocks.css file
- Images at the same vertical position in multiple columns
- How do I make my block-editor styles match my front-end styles?
- Dequeue classic-themes.min.css
- How can I add a section with a different background color?
- Narrow paragraph block aligned to left of “wrapper”
- adding additional css classes have no effect within block editor
- How do I change search input padding for blockbase child theme?
- Full Site Editing Non-editble global styles?
- Block content rendered with inline CSS. How do I reuse it in a headless setup?
- How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
- How to remove class=”wp-block-heading” from Heading tags?
- Gutenberg: where to find style settings
- Custom block style not working in the editor
- Customize margin between paragraphs using the Gutenberg Style editor
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Set line spacing
- create a white rgba / CSS3
- Using CSS for a fade-in effect on page load
- Transition of background-color
- css: how to center box div element directly in center?
- Transitions on the CSS display property
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- Positioning background image, adding padding
- Responsive iframe with max width and height
- Hexagon shape with CSS3
- CSS selector for first element with class
- How to add a custom CSS class to core blocks in Gutenberg editor?
- How make theme css be first and not plugin css
- One WordPress and database but multiple subdomains
- CSS style button For WP Login Function in page template
- WordPress Twenty Fourteen Theme Sidebar
- How to apply wordpress css styles to a jQueryUi dialog?
- Auto LTR-RTL Text Direction in wordpress post!
- Is there any size difference between single quote ‘ ‘ and double quote ” ” in CSS
- WordPress problematic caching
- why this media query is not working / not loading when I put it in child theme?
- Rendering css to screen and debug problem
- How to link theme fonts directory in WordPress CSS?
- WordPress custom styles in menu page
- Unable to align my sidebar to the contents section instead of comments
- Using post_class to style posts indivdually
- Load custom CSS before admin CSS
- How can I style an IFRAME element that has a constantly changing class name? [closed]
- Twenty Twelve Calender Widget post titles creating disturbance
- Combine CSS Files without plugin
- My site on mobile version is not giving responsive view
- Missing “Additional CSS” option in Customizer
- check the first login for specific roles
- How to style a list item when the radio input button within that li is :checked
- adding additional class to get the post thumbnail [duplicate]
- Web Developer Console: “Slow network is detected.” with fonts
- Problem alignment issue with echo knowledge base
- issues with a slider – investigations with firebug
- Display different css or Information based on previous page
- a slider menu is compromised in space
- why css doesnt work when i change my file of wordpress and sql to another computer?
- Installing non-standard fonts [closed]
- Hiding fields a form in via CSS [closed]
- Can physically see CSS changes occur when refreshing page
- WordPress site suddenly not showing some DOM elements but mobile is fine
- Image and font support missing in editor when deploying theme remotely
- Editing size of h3 tag in wordpress on a one-off basis
- Content doesn’t fit on large size desktops like 2560×1440