Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

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..