Skip to main content
S_Elsayed7-Bedrock
7-Bedrock
Nov 11, 2023 1:31 PM UTC
Solved

How to prevent custom CSS from impacting other mashups in parent mashup?

I have a parent mashup where there are two mashup containers. One of the mashups in the containers have custom CSS. However, this custom CSS is also affecting the other contained mashup. How do i prevent that from happening?

 

This is the CSS is one of the mashups:

 

rect {
 fill: rgba(0, 0, 0, 0); !important
}

 

 I just want to hide the rectangle in that certain mashup, but it ends up hiding the other rectangle in the second mashup too.

 

VelkumarAnswer
19-Tanzanite
Nov 11, 2023 2:33 PM UTC

Hi @S_Elsayed 

 

Use Class Selector name in CSS

 

.customCss rect {
  fill : rgba(0,0,0,0) !important ;

}

 

Put class name in Container custom css property.

 

/VR

View in thread

1 reply

Velkumar19-TanzaniteAnswer
19-Tanzanite
Nov 11, 2023 2:33 PM UTC

Hi @S_Elsayed 

 

Use Class Selector name in CSS

 

.customCss rect {
  fill : rgba(0,0,0,0) !important ;

}

 

Put class name in Container custom css property.

 

/VR

Translate
Terms & ConditionsAccessibility statement