SVG Containers - Post ID 299060

User 2699991 Photo


Registered User
4,821 posts

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,
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,821 posts

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
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2088758 Photo


Senior Advisor
3,088 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,088 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
4,821 posts

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

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2699991 Photo


Registered User
4,821 posts

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

maybe another 20 mins or so
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
User 2088758 Photo


Senior Advisor
3,088 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.