Wavy shapes divisions between blocks and custom CSS not working

14 Posts

TechBlog&News posted this 21 July 2023

<div class="container">
  <svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z" style="stroke: none; fill:red;"></path>
  </svg>
</div>

Hello, I wanted to add this custom CSS code below to get wavy shapes divisions between blocks or at least one or two blocks. When I added the code to the page settings CSS, half of it just disappeared, when I added the code to the site settings CSS, it didn't work. Then I tried adding it to every block individually and it deletes the whole block. Best regards, Gregor <div class="container"> <svg viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet"> <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z" style="stroke: none; fill:red;"></path> </svg> </div>

Last edited 21 July 2023 by TechBlog&News

block-divisions

Vote to pay developers attention to this features or issue.

3 Replies

Order By: Standard | Newest

Support Team posted this 21 July 2023

Hello Gregor,
Thanks for choosing Nicepage!

Unfortunately, we don't support custom code, but we will try our best to help.

To make your code work you need to add the provided code into the HTML element inside the Block, after that you need to define the height, width, and additional parameters that are needed for your div in the CSS options. Also, make sure that you paste your code in the block between your Block that ends and Block that starts.

The second option is easier, you could simply add the image element inside your block that ends with the same figure with transparent background.

...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Gregor, Thanks for choosing Nicepage! Unfortunately, we don't support custom code, but we will try our best to help. To make your code work you need to add the provided code into the HTML element inside the Block, after that you need to define the height, width, and additional parameters that are needed for your div in the CSS options. Also, make sure that you paste your code in the block between your Block that ends and Block that starts. The second option is easier, you could simply add the image element inside your block that ends with the same figure with transparent background. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

14 Posts

Is Solution

TechBlog&News posted this 24 July 2023

Hi,
I already found out why it didn't work and how to do it. But thanks for the reply anyway.
Best regards,
Gregor

Hi, I already found out why it didn't work and how to do it. But thanks for the reply anyway. Best regards, Gregor

Support Team posted this 24 July 2023

Hi Gregor,

Thanks for informing us, and we are glad to hear that everything is fine now!
Please contact us at any time if any assistance will be needed, we will be glad to help!

...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Gregor, Thanks for informing us, and we are glad to hear that everything is fine now! Please contact us at any time if any assistance will be needed, we will be glad to help! ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 24 July 2023 by Support Team

Wavy shapes divisions between blocks and custom CSS not working

Company

Product

Themes & Templates

Nicepage

Web Design