SVG Containers - Page 2

User 2699991 Photo


Registered User
5,596 posts
Online Now

Hi again
what are you wanting to show in the header with the curve, (H1?? / paragraph?? / menu??
and do you really want such a big wave ??(it's like surfs up :D

Basically one wraps all in a container with position = relative, the curves one set to position = relative and the overlay set to position = absolute, (margins top /left / right etc adjusted accordingly,
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 2699991 Photo


Registered User
5,596 posts
Online Now

Hi Steve
The site is up & running again to a fashion, still needs stuff adding back in, but there is a demo showing the header (& footer) with content overlaid, anything like what you are after, let me know there is a link to a form and you should still have my email anyway.

link to website in my signature
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 2088758 Photo


Senior Advisor
3,126 posts

Thanks Wayan,

I figured out how to leverage svg but still having issues with the overlay part.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,126 posts

Ok I have uploaded the site now just to show you how I implemented the SVG. I would love to be able to put content within on of these container without hand coding it all with the overlay you were talking about. It appears that even if I add a container within the container with the SVG "in content" container it still does not show. I know I must be just missing something very small.

https://misterwebguy.com/dieppe-pharmacy_exported/

Thanks again
Steve
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2699991 Photo


Registered User
5,596 posts
Online Now

Steve wrote:
Ok I have uploaded the site now just to show you how I implemented the SVG. I would love to be able to put content within on of these container without hand coding it all with the overlay you were talking about. It appears that even if I add a container within the container with the SVG "in content" container it still does not show. I know I must be just missing something very small.

https://misterwebguy.com/dieppe-pharmacy_exported/

Thanks again
Steve

Steve there is a demo on the way to Youtube, I have used your original project file but then it's just a demo
showing how I would do it.

There is still messing about but everything is dome within site designer on the canvas so to speak.

I am unavoidably unavailable for the next couple of days so if you still need clarification let me know soon otherwise it will be later this week before I can respond. (i will be around but use my phone only so can't do anything within site designer) will put the link up when uploaded

STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 2699991 Photo


Registered User
5,596 posts
Online Now

here is the link
https://youtu.be/Yquw1IXHolU

maybe another 20 mins or so
STUCK ON SOMETHING?
Learning by doing. Responsive Site Designer Tutorials
https://mawarputih.coffeecup.com/forms/contact-wayan/

User 2088758 Photo


Senior Advisor
3,126 posts

Thank you very much for the video. I got it to work now! Cheers!!!!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.