Skip to main content
S
S_Elsayed7-Bedrock
7-Bedrock
November 11, 2023
Solved

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

  • November 11, 2023
  • 1 reply
  • 1026 views

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.

 

Best answer by Velkumar

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

1 reply

V
19-Tanzanite
Velkumar19-TanzaniteAnswer
19-Tanzanite
November 11, 2023

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

Terms & ConditionsAccessibility statement