CSS to change background in address modal window?

In the user control panel there is a page that lets you manage your addresses. When you press edit, it opens a modal window.

I'd like to be able to style the parent container of the form in this window, but I can't work out what CSS rule I need in order to do this.

Any help much appreciated!

Thank you.

Hi,

To edit the display in these popups, you need to edit your template css file.
Because the hikashop frontend css file is not loaded for the popup.

In Joomla > extension > Template manager, tab "templates" edit your template and the css/template.css (template is an example).

Thanks Xavier,

However, this is what I'm trying to edit, I just wondered if you could give me the rule for example:

#divName {
background-color:#fff;
}

Try to apply the properties on the class:

.body-overlayed .shadow,
.body-overlayed .contentpane,
.body-overlayed #all{
background-color:#fff;
}

Unfortunately this didn't work.

It looks like it opens a new document (theres a new document declaration half way down in this firebug screenshot)

#hikashop_category_information_menu_153, .hikashop_checkout_page, .hikashop_product_page,
.body-overlayed .contentpane{
	position:relative;
	background-image:url(../img/eggshell.jpg);
	background-repeat:repeat;
	width:680px;
	padding:10px;
	clear:left;
	margin:10px 0 20px 0;
	-webkit-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7);
	-moz-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7);
	box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.7);	
	overflow:hidden;	
}

Hi Nicolas,

Thanks for your reply.

Wouldn't this prevent the background from loading in the rest of the site too, rather than just the popup?

In this case, I am the template provider because it's one that I designed but I've not had to deal with a popup before, I normally just use Firebug to work out what rules need adjusting, although in this case I couldn't work it out.

If there was a way to just remove the pop-up background then that would do to be honest, just makes it easier to read.