Skip to content
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

Support styling of WordPress 5.0 / Gutenberg blocks #14

Open
bobbingwide opened this issue Jan 24, 2019 · 2 comments
Open

Support styling of WordPress 5.0 / Gutenberg blocks #14

bobbingwide opened this issue Jan 24, 2019 · 2 comments
Assignees

Comments

@bobbingwide
Copy link
Owner

The Block editor delivered in WordPress 5.0 ( Gutenberg ) creates HTML that is correctly formatted in the editor but incorrectly in the front-end. Update the theme’s styling to resolve this issue.
Known problem areas:

  • Pull quote - borders and colouring
  • Separator - always full width
@bobbingwide
Copy link
Owner Author

bobbingwide commented Oct 12, 2019

List styles

I've come across at least 3 examples where I found I needed to write custom CSS to remove the list-style-type: disc from list items in an unordered list.

https://blocks.wp-a2z.org/?s=list-style-type
produced: uagb/team, advgb/tabs and advgb/list

The style.css, inherited from the Genesis theme framework forces list-style-type: none onto list items
then overrides the values later on with:

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}
.entry-content ol ul > li,
.entry-content ul ul > li {
	list-style-type: circle;

Is this necessary? Can we just eliminate this CSS from our style sheet?

Notes:

  • Genesis v3.1.2 doesn't provide any CSS in its style.css file.
  • Genesis Sample v3.1.0 still provides this CSS.
  • That doesn't force us to use it though!
  • I need to check what happens with sidebar and footer widgets.

@bobbingwide
Copy link
Owner Author

For the oik-clone list in a footer widget we can update oik-custom.css.

.textwidget .bw_list li {
    list-style-type: none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant