Creating separator arrows

[emperorthemes]

How do i recreate this line in x theme?

[basanta]

HI Sathis,

Thanks for writing in!
There is no default feature to make similar line separator. As you know the page builder elements can be fully customized via custom CSS.
Here is a website can help you generate the required CSS for the arrow.
http://www.cssarrowplease.com/

You can give one class name to the heading and use the generated CSS in the custom CSS to make similar separator.

Alternatively, you can add border-bottom to the row where the heading is and add one Classic Icon element with an arrow to the next row close to the border.

Hope this helps!

Thanks

[emperorthemes]

Which classic icon? i cant find it.

[Prasant]

Hello Sathis,

Thanks for updating the thread.

Classic icon is the element that you can find in Cornerstone page builder under Elements tab.

Thanks.

[emperorthemes]

Which setting should I use?

[thai]

Hi There,

I’ve used this icon:

Please add this inline CSS to the style field of your icon:

margin-top: -22px; display: block;

Hope it helps

[emperorthemes]

Yep. It worked, thanks.

[nabeel]

Glad it worked.

Cheers!