Seeking Help with Website Building Interface and Layout

At a glance

The community member is having trouble with the interface of their website builder and is looking for help. They want to superimpose text over a banner photo and have a container with a full-sized Vimeo video on the left and a paragraph of text on the right. The comments suggest using CSS positioning, such as setting the container to position: relative and the overlaying elements to position: absolute. The community members also discuss trying to simplify the problem, using a screen recording tool like Loom, and getting help from resources like GPT and YouTube tutorials. While there is no explicitly marked answer, the comments provide guidance on how to approach the issue.

Useful resources

SSam Carter

After looking at almost all the training videos, I keep hitting a wall in trying to learn the interface to build my site page. Is anyone willing to come on video for a few minutes so I can screenshare and show where I'm having a problem? My preview and web builder view don't match up for one thing, and I want text superimposed over a banner photo and then I want a container in the section underneath that shows A full sized Vimeo video on the left and a paragraph of words on the right. @ me if that's something you know how to help. I used to use GHL as my background for building web pages.

18 comments

OOleg Isonen

did you set your container to position realtive and things that need to overlay it to position absolute?

SSam Carter

Can you help me understand what this means between the two?

OOleg Isonen

These are css basics, they are already explained on the internet, e.g. talk to gpt about it and/or watch some YT videos.

https://youtu.be/GPadt8wmGXM?si=4vDyK-iDhaLdvo20

SSam Carter

Is my best bet to set everything in the entire site to static and then adjust into relative from there, and that covers 98% of scenarios?

SSam Carter

I’m messing around with it and still can’t figure it out. Too many objects overlapping.

OOleg Isonen

No. You only need relative in specific cases

OOleg Isonen

Have you tried gpt? It's good at explaining basics

SSam Carter

Yes. It’s not that I don’t get the basics. I do. This is just a tangled mess. That’s the issue.

SSam Carter

Is there a free alternative to Loom that works well for you?

OOleg Isonen

share your project, explain exactly what doesn't work)

OOleg Isonen

if you want precise answers, always lead with a share link

OOleg Isonen

also try to create a version with a reduced example of the problem

OOleg Isonen

ideally narrow down the problem yourself so we can look exactly at the problem, not at the entire site with 20 pages

OOleg Isonen

its easy:

create a separate project
copy the thing that doesn't work
share the link to that project

SSam Carter

https://www.loom.com/share/dd1ef9531b394cefba9e7ef9bf438108

SSam Carter

The ideal of what this will look like at the end: www.idyllicintegrations.com

OOleg Isonen

yeah, you want image position absolute and one of it's parents that holds the container - position relative, then the absolute positioned one can be positioned the way you want

OOleg Isonen

not sure if this is helpful, I tried to show you the thing from scratch https://share.descript.com/view/aNy1xOu2oZH

Add a reply

Join the Webstudio community

Seeking Help with Website Building Interface and Layout