Support » Plugin: Elementor Website Builder » Straight divider or option to add custom?

  • Hi there.
    I really need a straight divider. Is there a way to do this or maybe add a custom shape.
    Can i add my own to the divider folder (where is this located?)

    I’ve achieved something similar with negative margins in the lower section and also with larger borders but a straight divider would be so much easier.

    Is this possible?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Morphim

    (@morphim)

    By the way; I mean the shape divider in the ‘section / style’ rather than the divider widget

    Thread Starter Morphim

    (@morphim)

    OK. I’d still be interested in a straight, horizontal shape divider for sections (maybe an angle selector for the triangle?)

    But, I have just done this with css and it seems OK:

    Give the section a class of ‘grad-bg’ in this case

    .grad-bg {
    background: linear-gradient(
    to bottom,
    #1b1d1d,
    #1b1d1d 50%,
    #fff 50%,
    #fff
    );
    }

    Basically a gradient with no graduation; just solid colours set to 50% each.

    Thread Starter Morphim

    (@morphim)

    Thanks for the replies ; )
    Answering myself here.

    For anyone else who would like to create a straight, horizontal shape divider, the css above works but I discovered this can also be done with the native Elementor gradient background.

    What I wanted was my section to have a black bg at the top half and white for the lower half, behind my content. I could have done this with an image but responsive height would have been a pain.

    Select ‘gradient’ from background type then set each colour at 50 (for 50%), type ‘linear’ (although you can also get funky, solid colour results from ‘radial’) and angle to 180 (an angle of zero will swap the colours top to bottom)

    The 50% can be altered, as long as both number add up to 100% – eg. 20 and 80 will give a smaller colour band at the top.

    Hope this helps someone else.

    Thanks me : )

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Straight divider or option to add custom?’ is closed to new replies.