I’m new and I’ve spent a lot of time watching the videos and tutorials. Unfortunately, I’m getting old and can’t pick things up as quickly as I once could.
I would really appreciate some help on recreating a section like the dialogue section on basecamp.com (where it has two people talking in speech bubbles).
This is what I’ve done so far:
I inserted a container.
Then inserted a section inside that container. I gave it a class, and set it to 70% width, because I want it to be narrower than normal.
Then inserted a DIV inside that section, to keep all the elements together.
Then inserted a picture for the talking head.
Then inserted a text section.
Gave the text section some padding and color.
My problem is with spacing. I can’t figure out how to have the text section next to the head picture. If I align it left, it goes all the way to the left, even before the head. I hope someone can understand what I’m trying to explain.
I think I know what you mean. I had this problem too when I first started Webflow!
You have to use the Margin tool to move the head and the text section (so use left, right, up and down). You can find this tool under Position after you added a class. This way you can drag the picture and the text exactly where you want it to be.
Well when I set a “float: left” to the head image on the left side, it will align to the top.
Then what you also need to do is to set a “float: left” to the text message element, that is also only on the left side.
Next because the outer container is too large in its width you should maybe set the text width % based or something. I dont know.
Try it and give feedback. Hope that this will help.
