There is a problem with displaying parts when I want to select my part

Enonic version: 7.8.4
Enonic CLI version 2.3.0
OS: Windows 10 Pro

Hello,
When I have multi parts, there are mess parts. You can see in the attachment. As you see, the texts are cluttered and they have appeared one after another. I mean there is overlap and the texts are not readable. How can I solve this problem?

Thank you.

It looks like CSS on your page conflicts with CSS in Content Studio. Inspect the DOM elements and check which styles are conflicting. Should be solved by giving your styles less generic names.

I don’t think so, because I haven’t used any css in my project that lead to conflict. there was a problem from the beginning of building the project. However I’ll more work on it. Thanks a lot.

Sorting and indentations in Visual Studio Code creates a lot of space in XML, which makes it difficult to display parts, image Selector, and content Selector.
Eliminate extra spaces

1 Like