-
Notifications
You must be signed in to change notification settings - Fork 1
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
Properly implement alignwide and alignfull styling #44
Comments
Solution copied and cobbled from nicfmc on 15th Jan 2019 I decided instead of trying to make the wide classes break outside of my wrapper I would add the following to add a max width to blocks without the classes.
Reading more of the issue's comments I found a reference to some ongoing work WordPress/gutenberg#20650 which covers align left, center and right as well. |
This solution works for template-parts. But I can't get images to display wider than the template in which it's contained. |
I also read https://daverupert.com/2017/03/full-bleed-with-not/ |
I also tried using
I appeared to be able to get the header template part to go full width, but had no control over the other areas which I wanted as full width. |
Following the release of WordPress 5.7 I was prompted to look at how different themes support I created a Full Width cover block using TT1-blocks and viewed the post containing the block as a single post and in the blog archive. Then I attempted to reproduce the result in Fizzie.
|
…olution copied/cobbled from TT1-blocks
There's a new way of doing this alignfull stuff. As documented by Anne McCarthy in #fse-outreach-experiment
What TT1 blocks did: WordPress/theme-experiments#236 I've already tried it in bobbingwide/sb#4 I need to apply similar changes to Fizzie. The changes should include:
Unnecessary HTML includes: Group block - 13 occurrences
Solution
The values for
|
Once again I'm completely baffled. In a Group block within a page template I see the Content and Wide entry fields. These also appear for other template parts. |
Additionally, when inspecting the front end output, I've got unwanted paragraph tags in the inline styles setting the Explanation: This is a known problem: WordPress/gutenberg#26731 |
The solution that appears to work, is to edit the templates and template parts .html files |
I've been making progress as you'll see by a few commits soon. But I still didn't know how I could get my images to be aligned wide and full. I thought that I'd need to use a custom template, but couldn't see how to do this. I asked in Slack
And Carolina Nymark gave me the link to the documentation I needed. Armed with that information I set about defining a custom template.
This shows the Post Attributes Settings Panel where I've chosen the Template. Here we can see the results on the Front End. I haven't yet tried to create content with other blocks being wide and full. |
I think I'm getting the hang of this at last. |
Well, that's what I thought. The footer's gone tits up again with GB 10.4.0 In 10.3.0 to 10.3.2 the site logo was smaller. I should have taken a screen capture of how I thought it was, where the footer widgets are normal width! There's another tiny problem. Every now and then I see small bits of styling of empty paragraphs in the third block column. It happens with the last paragraph after the |
I believe the Site Logo size issue is associated with WordPress/gutenberg#30843 or WordPress/gutenberg#30845 The problem is far more obvious in the header for the SB theme since it overlaps the site title next to it. |
See also #20 |
…imental-theme.json to use layout for contentSize and wideSize
…p__inner-container from home-query
…core styles. This version didn't produce a syntax error!
- Attempt to style breadcrumbs when not using Yoast SEO - failed? - Increase font size for term heading and post title - Set background colour for home page group block
…te, defined in experimental-theme.json
Delivered in v0.5.0 |
It appears I'm not the only one who doesn't really understand how to implement
alignfull
andalignwide
styling on blocks.Reading the issue entitled "How to style alignfull and alignwide" ( WordPress/gutenberg#8289 ) I can see a number of solutions but can't see any clearly documented requirements.
Whichever solution I go for I should understand my own requirements for Fizzie:
These are the widths I'm going to use:
The text was updated successfully, but these errors were encountered: