Custom shape separator for group?

  • Resolved jonnimunki

    (@jonnimunki)


    2 years ago

    Hi, Is it possible to customize the shape separators for the decoration of a group? I would just like to replace the image with my own one for one of the options, i.e. arc, organic… etc. Thanks for the awesome plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Yann

    (@collet)

    Hi Jonni,

    The group shapes use encoded SVG with Data URIs. For example, to replace the arc shape, you can use the CSS code below and replace the URL with your own Data URI. You can use this tool to encode your SVG.

    .tw-bottom-shape-arc::after,
.tw-top-shape-arc::before {
	--group-shape: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 48 20'%3e%3ccircle cx='24' cy='-14' r='34'/%3e%3c/svg%3e");
	--group-shape-y: -10px;
}

    Hope that helps,
    Yann

    Thread Starter jonnimunki

    (@jonnimunki)

    thanks that does.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom shape separator for group?’ is closed to new replies.