ambiera logo

Ambiera Forum

Discussions, Help and Support.

folder icon Ambiera Forum > RocketCake
forum topic indicator Need some help inserting a shape divider
person icon
bruce
Registered User
Quote
2024-11-09 19:56:45

Hello,

I generated a shape divider using a generatorhttps://www.shapedivider.app/and inserted it in the header area. But it doesn't look as expected. The waves are much too high and then the area that should be white is black.

I inserted an additional container. I inserted the generated code in the HTML and CSS area without changing anything.

Can anyone give me a tip as to where the error is?

The page can be reached via this link:http://kindernotfallkurs.go-hess...

Thank you in advance for your help.

Best regards
Bruce

person icon
erik
Registered User
Quote
2024-11-10 16:18:39

I also tried it out because it looks like a neat feature - but also what I got was the wave and no colors... looked into it and couldn't figure out what was wrong.

I guess that shapedividera.app thing is broken? Looking at the code it gives me, it doesn't generate any color codes for example, so no wonder it looks like that.

person icon
bruce
Registered User
Quote
2024-11-10 17:14:17

Well then I can try it for a long time. emoji icon_smile
Thanks for looking.

Check out https://coloreous.com/tools/tool...

This will give you a wave that works.

person icon
micaelo
Registered User
Quote
2024-11-10 18:49:30

I generated a shape divider using a generatorhttps://www.shapedivider.app/and inserted it in the header area. But it doesn't look as expected. The waves are much too high and then the area that should be white is black.

Well, it does work. To get a bottom shape divider follow these steps:
-> Insert a container and fill in your content.
-> Give it a background color.
-> Set margins and padding to zero.
-> Insert a HTML Code element below the container.
-> Give it the same width and horizontal alignment as the container.
-> Give it the same background color as the container.
-> Insert the HTML code you got from the shapedivider app.
-> Add the CSS code you got from the shapedivider app to the header of the page, and add a <style> tag before and a </style> tag after the code.

The only thing I couldn't get resolved is a thin (1px) bottom border of the HTML Code element.

person icon
micaelo
Registered User
Quote
2024-11-10 19:34:59

Check out https://coloreous.com/tools/tool...
This will give you a wave that works.


You are right. This one works better. There is no unwanted bottom border below the shape divider. Thanks!

person icon
bruce
Registered User
Quote
2024-11-12 19:52:39

@micaelo
Thank you for taking a look and answering so thoroughly!


Create reply:










 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


icon_holyicon_cryicon_devilicon_lookicon_grinicon_kissicon_monkeyicon_hmpf
icon_sadicon_happyicon_smileicon_uhicon_blink   






Copyright© Ambiera e.U. all rights reserved.
Contact | Imprint | Products | Privacy Policy | Terms and Conditions |