Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Placeholder height problems.

Avatar

Level 1

I have problems with the appearance of the components placeholders.

When I add on the frontend this general styling, all placeholders have a wrong height:

html, body {
font-size:10px;
}


For reasons of integration I have to make this change.

Do you have any ideas how could I add this rule keeping the placeholders look good?
I think the placeholders should have proper styling and not depend on the general appearance of the content.


BEFORE:

Havana9_1-1703005068268.png


AFTER:
Havana9_0-1703004530366.png

 

4 Replies

Avatar

Level 1


You can create a custom clientlib css to change the placeholder css code through the class:
NLihtnov_0-1703013669198.png

 

Avatar

Level 1

If I add some custom heights the position in not recalculated so the placeholder appear in the wrong position

Avatar

Level 1

You can adjust the margin so that it appears the way you prefer.

Avatar

Level 1

I already tried in this way but all the placeholder are in position absolute so margin bottom doesn't work. I don't know if with styling option is possible to fix this..