Hi There,

Thanks for keeping in touch.

I see you are have already added them:

Please let me know whether I am missing something.

Thanks.

Hello There,

We can now add a custom Shape Divider via a Child theme: http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/ . 

Thanks

Hi There,

Please allow me to escalate this to the developer to respond further.

Thanks.

Hey Embolx!

You can copy the function "nectar_svg_shape_divider" from wp-content/plugins/salient-core/includes/helpers.php to your child theme functions.php file to override any of the existing SVG shape dividers.

Kind regards,

Hey,

You should be able to expand that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.nectar-shape-divider {
  height: auto;
  bottom: 0;
}

Kind regards,

Hey Embolx, I would need to see the full code within your child theme in order to assist with that further - it's a bit hard to follow from the screenshots without all of the code shown. Can you please provide a temporary admin account so that I can take a closer look?

Thanks in advance

Hi There,

Please use any email as these are just temporary logins.

Thanks.

Hey Embolx,

The issue is occurring due to your SVG code sharing the same class names and CSS code. Whatever app you're using to generate the SVG's is not generating unique classes which would allow multiple to display correctly on the same page:

The code would need to be altered to use class names specific to each SVG element so as to not interfere with each other.

Kind regards,

No problem, Embolx

It would appear that XD doesn't support an export with that taken into consideration - see https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17817826-export-svg-with-inline-styles

I would recommend using illustrator in order to avoid the issue.

Kind regards,