Archived topic
Using shape-outside
3 replies · Started by David on July 26, 2022
Viewing posts 1–4 of 4
Hi everyone,
There was a recent YT article on using shape-outside to wrap text around an image which I want to use.
But can't get it to work.
I first tried with a GB container, then the Group block used in the article, but neither seemed to work.
I've linked my play page (both version on the page!).
And the CSS provided is: (added to outergroup, and innergroup when testing with the container! class: circle-wrap-text-gb)
.circle-wrap-text .wp-block-group{
float: left;
shape-outside: circle();
}TIA, Dave
Hi David,
Try this CSS instead:
.circle-wrap-text-gb > .gb-inside-container > figure {
float: left;
shape-outside: circle();
}Works perfectly, thanks so much!
Dave
You’re welcome David!
This archived topic is closed to new replies.
