-
Notifications
You must be signed in to change notification settings - Fork 33
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
Blue Note Stripes Pattern - Full Width Featured Image #176
Comments
Hi! @dweuste I wasn't able to reproduce what you described, but I'm likely missing something. Here's what I did:
Here's the result: As you can see, the image fits the whole screen and the duotone is applied to the whole image. Can you share more information about the behavior you're seeing on your site and instructions on how to reproduce it? Thanks! |
It's been a while and I think the problem is that the design of the clip path has a specific size that wouldn't work on full width. You may want to adapt the CSS or even the SVG to your use case in your child theme and register the block pattern again with your changes. Or even better, implement a full width specific version because I think fixing the existing pattern for full width will break it for content/wide width |
There's no guide to how to adapt that clip path CSS anywhere is there? (No SVG is used for this mask that I can see) |
I am working on a site with the Blue Note theme as a base (with a child theme) because of the thin stripe pattern. But when I add a featured image block in the block editor, or often when adding an image block that is full width I can't get the Image Styling/mask to go the full width of the screen, it cuts off arbitrarily early (around 1350 px).
The text was updated successfully, but these errors were encountered: