expandable frames for text boxes

Beaver Builder
1

Hi

how do I set the graphic frame around a text box whit a “dynamic” height (aka more text = more height).
I have the frame pattern, as well as the top and the bottom of it. I need to repeat the pattern of the frame’s sides so to adapt to the dimensions of the text box.
As well I need it for the background of the text box.

thanks.

2

Hey Edo,

Not really sure I get what you’re trying to do. Do you have a mockup you can show us to make it a bit clearer?

Ben

3

Here is another explanation.
Imagine a text box. Inside this text box place a string with 11 characters.
This text box is 100 x 100 pixels. And the users are able to read the text.

Now, in the same text box, place a string with 110 characters. We need a bigger text box, 100x500px, so to allow the users to read the text inside.

In other words, this text box is changing dynamically, depending on the content inside.

Now try to put a manually painted png of a frame around this text box. This frame has only a graphical purpose.
As I can not predict the exact dimension of the frame I need a to dynamically expand this frame, so to fit the content.

A solution could be to paint only the top and the bottom of the frame, and a pattern for the sides of the frame. So this pattern can be used to make the frame fit the text box.

I hope this makes sense otherwise can you please clarify more what is not clear Ben?

Thanks.

4

Hey Edo,

I see what you mean now. You’re gonna need to apply the background 3 times, the top frame, bottom frame, and side frames. For the top and bottom, you’re gonna want to set it to no-repeat. For the side frames, you can set it to repeat-y. This is gonna need a lot of custom CSS and playing around with.

Ben

5

Exactly that one.
So I have to write down the CSS and put it in the text module?

6

Hey Edo,

Nope, you’ll need to place it on your stylesheet(style.css). If you’re using the BB theme, you can place it under Theme Customizer > Code > CSS Code. Actually, now that I think about it more, you may need to use an HTML module so you can add a few more divs to apply the backgrounds to. Sorry but this is a bit more than what we support here. If you’ve already started something, we may be able to point you to the right direction.

Ben