I have a menu item in a modal that does not display the registration page correctly.
It displays fine on the full page, but the colors change in the modal window. The text and background are the same color. How do I control the CSS of the modal in Joomla V4.4.0?

TIA
Dom

It was set as Dark, I changed it to Light and tried it...same result.

We are using YOOtheme Pro...does that make a difference?

Sorry, misunderstood your question....it is set to component.

Both the J3 and J4 versions of the site use the same YOOtheme Pro template, yet the J3 site works correctly.

Perhaps, we can have some CSS that will make the background of the modal gray so that the words show?

We could try using the Joomla core template, but that will be difficult as YOOtheme Pro is deeply embedded into the site.

Thank you for your continued support!

/presentation?ml=1 - appears to strip off the parameter, no change in the display
/presentation?tmpl=component - removes most all the formatting making a black & white text, left-aligned.

Neither changed the appearance of the modal

Disabling the Redirect Script also made no difference.

I'll try my buds over a YOOtheme.

BTW - we added this CSS in J3, but did not work in J4.
/* start registration modal code */
#rl_modals
{
color: #000;
background:#ccc;
}
.page-header .cassone
{
color:#000;
}
/* end registration modal code */

Thank you we've been through those documents and did a lot of testing based on your styling article, but no luck.
We used the inspector and could not find the CSS that formatted the modal.

After turning off the redirect script, the ?ml=1 did cause the page to have a white border around it, but had no effect on the model.

Again, I thank you for all your assistance!

Thank you!

How do you set the order of loading?
When upgrade the live site to J4 (this and a couple of other things have been holding up the upgrade for weeks) how do I implement this and make sure things load in the right order?

THANKS!!!!