text over image | Community
Skip to main content
ragamgnair
ragamgnair
New Participant
October 16, 2015
Solved

text over image

  • October 16, 2015
  • 4 replies
  • 3253 views

Hi Team,

I would like to add a text over the image. Image is need to add as a background. Image also needs to have  editing feature. Over the image a text need to place, The text is also an editable one.How i can implement. The sample screenshot given.

Please help me to resolve the problem.

Thanks,

Ragam

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by edubey

Use HTML/CSS available here: https://css-tricks.com/text-blocks-over-image/

Accordingly create dialog to author things like images, title , text,  alt text ( for help take a look at OOTB image component)

4 replies

kautuk_sahni
kautuk_sahni
Employee
February 17, 2016

Hi 

You can achieve this by creating a custom component. The component would ask for Text as a field in dialog box and image to be uploaded.

Then at JSP/Sightly level, we can mark text over the image using out custom CSS.

Link:- https://helpx.adobe.com/experience-manager/using/uploading-files-aem1.html (Custom component for Image uploading).

 

Example (NON AEM):- http://codepen.io/KatieK2/pen/AIBEf  (Code and CSS to Show you Text over Image)

I hope this would help you.

Thanks and Regards

Kautuk Sahni

Kautuk Sahni
edubey
edubeyAccepted solution
New Participant
February 17, 2016

Use HTML/CSS available here: https://css-tricks.com/text-blocks-over-image/

Accordingly create dialog to author things like images, title , text,  alt text ( for help take a look at OOTB image component)

A
agile934
New Participant
October 16, 2015

Hello,

I have the same problem with the web http://teinteresa.emiweb.es/,  could you fix it?

A
agile934
New Participant
October 16, 2015

In this site is an example http://www.madridinmobiliariamadrid.es/

Terms & ConditionsAccessibility statement

Loading footer...