Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
SOLVED

how to override the placeholder icons in AEM 6?

Avatar

Level 2

Hi all,

 

I would like to override the icons of the cq component placeholders.I have found the Icons here:http://localhost:4502/libs/cq/ui/widgets/themes/default.css example: The placeholder icon for the Image Component is difined here

.cq-image-placeholder {background: url("default/placeholders/img.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);}

Now I would like to override the img.png with myImg.png. I have expended my the css file content\src\main\content\jcr_root\apps\myProject\components\content\image\clientlibs\image.css of the image Component as follow:

.cq-image-placeholder {background: url("myImg.png") !important;}

but nothing change.

How to override the placeholder icons in http://localhost:4502/libs/cq/ui/widgets/themes/default.css?

1 Accepted Solution

Avatar

Correct answer by
Level 10
2 Replies

Avatar

Correct answer by
Level 10