Inicio › Forums › Ayuda / Ajuda / Laguntza / Axuda / Help › image behind text ?
Tagged: image iDeviceText
This topic contains 10 respuestas, has 2 voices, and was last updated by Mart Mojet Hace 4 años, 7 meses.
-
AuthorEntradas
-
2 abril, 2020 at 7:35 #33401
Is it possible to have images behind de text? How would I achieve that?Best wishes, Mart
Archivos adjuntos:
You must be logged in to view attached files. -
2 abril, 2020 at 8:22 #33403
Hi,
– Use a Note or a File attachments iDevice to include the image in the elp.
– Add a Text iDevice and include this code there:<div style="background: url('yourImage.png');">Content.</div>
– You’ll see the image when exporting, because the path, when editing and exporting, is different.Please be careful with the accessibility of your content, because a background image might make the text really difficult to read.
I attach an example. I hope it helps.
Archivos adjuntos:
You must be logged in to view attached files. -
2 abril, 2020 at 8:57 #33406
Thanks, that is a quick reply !Ehm, I understand de text iDevice with my text input. Also de Note iDevice I am to add, with the image. But where do I put the code? Is that in a third iDevice? Or somewhere in one of the other two?Best wishes,Mart
-
3 abril, 2020 at 8:46 #33429
You have to paste that code in the text iDevice, where the text with a background image will be. See the attached example. I hope it works.
-
-
3 abril, 2020 at 8:51 #33430
Please send the exported website (a zip file) so I can test it with your Style. Where (in which page) can I see the error? I’ll try to answer as soon as possible.
-
3 abril, 2020 at 10:15 #33434
I’m sorry, I feel rather thick, but I honestly can’t find where you put that line of code.Attached your elp, with added a page in which I tried.
Archivos adjuntos:
You must be logged in to view attached files. -
3 abril, 2020 at 14:14 #33438
Ha found it ! One has to go into html mode before including the code.
-
7 abril, 2020 at 9:15 #33463
Yes! Sorry. I forgot to say that… I’m glad to know that it works!
-
7 abril, 2020 at 14:33 #33468
Sorry, still not working. I attach my efforts. The background image is visible while I’m editing the module, which I wouldn’t mind, but it is NOT visible when I preview. And secondly, its seems to tile. Is there a way of preventing this?Best wishes,Mart
Archivos adjuntos:
You must be logged in to view attached files.-
8 abril, 2020 at 7:24 #33477
Remove “resources/” from the background URL (the “resources” folder only exists while editing). Add “no-repeat” after the background URL to solve the second problem. More informatión about the CSS background property.
I attach an example. I hope it helps.
Archivos adjuntos:
You must be logged in to view attached files.
-
-
8 abril, 2020 at 14:19 #33486
Ah, a simple mistake, not very clever of me. Thanks once again !
-
AuthorEntradas
You must be logged in to reply to this topic.