Text with background image

pizzarrone

Hey,
how can i create a block with image + centered txt ?
ex. http://www.ruggierodesantis.com/site/wp-content/uploads/2017/01/bg-trees-4.jpg

is it possible with lay features?
Best

arminunruh

hey pizzarrone

I'm writing your idea down and will work on making it a feature one day.

Right now you could do this with some css.

Go to your gridder and right click your textblock where you have your centered text.
By resizing the element in the gridder, give it a good width so your text has a lot of space in that box. Now right click your textbox and for "space top" and "space bottom" enter "20" for example.

Now your textbox will look kind of like this:
0_1486143595977_Screen Shot 2017-02-03 at 18.38.50.png

Now right click the textbox and choose "Set HTML class and id". As the "class" enter: textbox1

Save your project.
Go to your media library, click on an image and copy the url from the info box that has opened.

Now go to "Lay Options" -> "Custom CSS & HTML"

In "Custom <head> content" enter:

<style>
    .textbox1{
        background-image: url("http://laytheme.dev/wp-content/uploads/2017/01/ruine_recens_L7_1104.jpg");
        background-size: cover;
    }
</style>

Of course my url to my image http://laytheme.dev/wp-content/uploads/2017/01/ruine_recens_L7_1104.jpg should be replaced by your url to your image.

edgrbnz

Is there a feature, yet to set size and position of a background image?
Would be pretty cool!

mariusjopen

Dear @edgrbnz
not possible yet.

We will write it down.

Best!

Marius

Text with background image

Before you post:

Online Users

Recent Topics