CSS in shadow-root

TheGraske1
Tera Contributor

‎07-05-2023 07:17 AM

Hi all,

In EC, using AI Search, the results load now-cards that slightly cut off header-section:

TheGraske1_0-1688566584789.png

This is caused by overflow: hidden right here:

TheGraske1_1-1688566615786.png

I've been trying to change this setting using Page CSS, widget CSS, instance CSS, CSS includes and nothing seems to do anything so I'm wondering if this is because of elements being in the shadow-root? Does anyone have any tips/suggestions to fix this?

 

 

0 Helpfuls
  • 1,411 Views
6 REPLIES 6

Samaksh Wani
Giga Sage
Giga Sage

‎07-05-2023 07:36 AM - edited ‎07-05-2023 07:37 AM 

overflow: auto;
padding: 10px;

 

Can you Please mark my Solution as Accepted and thumbs up, if you got any help from it.

 

Regards,

Samaksh

0 Helpfuls

TheGraske1
Tera Contributor
In response to Samaksh Wani

‎07-05-2023 07:39 AM

I know what CSS to use - the issue is WHERE to use it, it doesn't seem to work anywhere.

0 Helpfuls

Samaksh Wani
Giga Sage
Giga Sage
In response to TheGraske1

‎07-05-2023 07:41 AM

You need to use it in EC portal, UI Page.

 

Can you Please mark my Solution as Accepted and thumbs up, if you got any help from it.

 

Regards,

Samaksh

 

 

0 Helpfuls

TheGraske1
Tera Contributor
In response to Samaksh Wani

‎07-05-2023 07:45 AM

Hi,

Please read the full post. This element is in shadow-root and no CSS seems to override the default configuration. Once again, I've already tried changing CSS in: Page CSS, widget CSS, instance CSS, CSS includes with many various class names, parent->child element class names and etc.

0 Helpfuls