Adjusting text box

Elements
1

I have a container with an image (our logo) and a text box in a horizontal row. How do I get the text box to be adjacent to the logo image?

2

Hey @traut,

I’d recommend using a flex inside of the container. Here’s a quick video I recorded for you, that explains how to do it:

Hope that helps!

3

Thanks for the demo. Because the symbols use the same color, I had assumed that container, flex, grid were similar in container function, but flex and grid were just a little more complex.

4

Thanks for the detailed help.

One more Q: I used to be able to take screenshots, and then attach them to my forum question for others to see some details with my situation/problem. That function has changed.

When I use the paper clip icon I get a new window and it is not clear if my screenshot gets attached.

5

The paperclip icon is for creating a link, not for attaching a screenshot.

This is the icon you would select to attach a screenshot.

attach-screenshot
attach-screenshot1512×524 42.6 KB

6

Just a couple more Qs:

Attached is page for Karyn; it will not use the assigned font for her name.

I can’t center her name, so used 3 columns, but still have to use space bar to nudge it to center.

Can’t reduce her photo size; again used 3-column to get her photo to be smaller, but can’t get Bgd color, to be the same.

Karyn's page
Karyn's page1536×584 128 KB

7

Cantering text is done by going to spacing and making both side margins auto. Photo size is done by adjusting settings in properties bar. Can you load a copy of you project yet? If so put it on here and you will get help.

8

Here’s a quick video I recorded for you showing the easy way to centre text and images.

Hope that helps!

9

Karyn's page.jpg
Karyn's page.jpg1536×584 128 KB

10

I’m guessing you want to know how to style text… Here’s another video I recorded just for you:

It would also be worth checking out the Docs as we cover the text component, and how to use it there (including videos).

11

For me Elements does not behave as in your video.

For the image size of Karyn, I do not get a choice between pixels and per cent.

If, as you did in the video, I write 50% in the box for size, I get an error message (attached)

image size
image size1161×551 106 KB

.

12

You need to change the size of the image in sizing area as per the video, you are entering the px and % in the wrong setting, your are trying to use file size

13

I don’t know what/where the properties bar is.
Attached is my best effort to identify operating features in elements.

(attachments)

Elements menu.png
Elements menu.png1506×296 60.2 KB

14

No idea what you are looking at there Tom. In both videos above you can see a load of options on the right hand side of the screen - these are the Properties being referred to. If you click on the image you want to change you can then click on those options. Under ‘Sizing’ you will find the width box. Under ‘Spacing’ you will find the padding and margin options.

Screenshot below from one of my sites.

Untitled
Untitled467×791 69.4 KB

15

In a tutorial Dan uses an SVG. My images are all jpg’s. Should/could they be converted to SVGs?

16

A JPG image should work just fine :slight_smile:

17

When I attempted to resize columns in containers, the background color changed. I can not get the 2 lower containers to have same color as the ones at upper part of page.

(attachments)

Bgd color?.png
Bgd color?.png1744×643 170 KB

18

Could you share your project via Elements Cloud and paste the link here, that way we can find out what’s going on and give you a solution. It’s a bit hard to diagnose from a static screenshot.

19

I don’t know how to do that

20

It’s very easy, watch the video here…