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
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

how to override the placeholder icons in AEM 6?

johannes_viel
Level 2
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
Sham_HC
Correct answer by
Level 10
Level 10
2 Replies
Sham_HC
Correct answer by
Level 10
Level 10