Customize shape divider with Twentig

  • Resolved hortensema

    (@hortensema)


    1 year, 3 months ago

    Hello everyone,
    I’m looking to customize a shape divider for a group on my page: change the height, width, etc.
    I’m using the Twenty Twenty-Four theme and the Twentig plugin (latest versions).
    I managed to add a shape divider to my group, but I can’t customize it.

    Thanks in advance for your help!
    Best regards,

Viewing 1 replies (of 1 total)
  • Plugin Support Yann

    (@collet)

    1 year, 2 months ago

    Hi,

    Twentig doesn’t allow users to configure the shape divider dimensions directly. Shape dividers are defined in CSS using:

    [class*=tw-top-shape]::before {
    width: 100%;
    height: var(--group-shape-height, 20px);
    bottom: var(--group-shape-y, -14px);
    }

    You’ll need to adjust the CSS according to your needs. If you need further assistance, please share the URL of your website.

    Have a great day,
    Yann

Viewing 1 replies (of 1 total)

The topic ‘Customize shape divider with Twentig’ is closed to new replies.