CSS underlying mashup messes up main mashup

[TS_9588135]

CSS in my underlying mashup:

.edit-sim .BMCollectionViewSupplementaryView, .BMCollectionViewCellWrapper {
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
width: 100% !important;
}

I added a custom class to the collection in my underlying widget (edit-sim).

However, the width 100% messes up my main mashup that contains a collection widget.

All cells in this collection widget (that I gave the custom class 'collection') line out and fill the whole width.

How to add an extra CSS part in this main mashup that puts away the width 100%?

Thanks in advance

[slangley]

Hi @TS_9588135.

Can you provide some screenshots--one showing the issue and one depicting what you want to see?  Would it be possible for you to share the mashup so we can see this for ourselves?

Please also provide the version of ThingWorx you are running.

Regards.

--Sharon

[TS_9588135 · Accepted solution]

I solved it by adding the CSS of the underlying mashup in the custom CSS of my main mashup