Expand my Community achievements bar.

Nomination window for the Adobe Community Advisor Program, Class of 2025, is now open!
SOLVED

can anyone suggest how to create custom text in image in AEM6.5

Avatar

Level 4
 
1 Accepted Solution

Avatar

Correct answer by
Level 4

You mean the "ABOUT US" text or any thing in place of that.
If yes, then what is the problem go author the component dialog value.

Generally on any image component put a heading tag in html make it authorable and place it over image anywhere.
for reference you can refer your hero component
/apps/weretail/components/content/heroimage/heroimage.html 

<div class="we-HeroImage-wrapper">
                <p class="h3">${properties.heading}</p>
                <strong class="we-HeroImage-title h1">${properties.title || currentPage.title}</strong>

View solution in original post

6 Replies

Avatar

Level 4

Your question is not clear.
If you are looking for watermark for your images. You can use watermark step in dam update asset workflow.
Place the Add Watermark step anywhere before the Process Thumbnail step.

Add watermark to your digital assets | Adobe Experience Manager

Avatar

Level 4

I want text on image in aem 6.5 for hero-imageIMG_20211101_123718.jpg

Avatar

Community Advisor

Hi @vinuu123 ,

     Are you talking about image metadata.

 

Regards,

Sanjay

Avatar

Level 4

No sir, I want like this imageIMG_20211101_123718.jpg

Avatar

Correct answer by
Level 4

You mean the "ABOUT US" text or any thing in place of that.
If yes, then what is the problem go author the component dialog value.

Generally on any image component put a heading tag in html make it authorable and place it over image anywhere.
for reference you can refer your hero component
/apps/weretail/components/content/heroimage/heroimage.html 

<div class="we-HeroImage-wrapper">
                <p class="h3">${properties.heading}</p>
                <strong class="we-HeroImage-title h1">${properties.title || currentPage.title}</strong>

Avatar

Community Advisor

@vinuu123 

Please check examples at https://codepen.io/richxu100/pen/RaLWYJ



Arun Patidar