Thread: Need to change background color on popup windows

On the shopping cart page there are links to Shipping Information, Our Return Policy and Your Privacy and Security. These are popup windows. I need to change the background color to white. How do I do this? I tried editing the popup_template in the App_Template/Skin folder but this did nothing. Any help would be greatly appreciated!

You probably need to modify the javascript function popuptopicwh to do that. I couldn't find that function in jscripts folder so it must be in one of the "source code" files which I do not have access to. But hopefully this points you in the right direction.

My guess is that the function is using a window.open call to create a new window. So you would need to modify the code to something along the following lines:

Code:

myWindow = window.open(....);
myWindow.document.bgcolor="white";

Actually, scratch my previous post. The bgcolor is set in popup.aspx.cs, you can modify it there.

There are a few definitions in that page for the bgcolor so make sure you modify the correct popup logic!


*Edit*
There is also a "Page BG Color" field when you edit the topics. Have you tried using that?

I can confirm omairkha's solution. I asked this question ages ago and the solution I was given uses a css class inside the .cs file, so you can style the popup without having to repeatedly modify that file.

http://forums.aspdotnetstorefront.co...und&highlight=

hi there i have this code and when people press the button our popup window
shows with our stations player inside? now i want a background image inside of the window? heres the code

<center><table style="background:black; border:gold 2px solid; padding:0px; margin-top:2px; margin-bottom:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px"><tr><td><center><font color="gold">EnergyExtreme</font></center><a href="javascript:;" onclick="javascript:window.open('http://www.energyextreme.co.uk/player.html','Y101','height=460,width=540,menubar= no,scrollbars=no,toolbar=no,status=no,%20resizable =no')"> <img src="http://i56.tinypic.com/9qlm46.gif" border="100" height="90" width="90"></a></td></tr></table></center>

Updated popup.aspx background settings to #FFFFFF but still have black backgrounds for Shipping, Return Policy and Privacy Policy. Is this being overided in the JavaScript being used for the popup window?

Tested in all browsers: IExplorer, Chrome and Firefox

Also updated Topics for Return Policy BG #FFFFFF still black popup backgrounds.

Should not white be default out of the box?

Very frustrating.

Did you attempt the solution as specified in the following thread?

http://forums.aspdotnetstorefront.co...und&highlight=

I had the same issue as yourself and that solution worked fine for me.

Yes turned entire site to White Background....Created Class and everthing but overrides main background site design.

Disabling (Shipping Information, Our Return Policy, Your Privacy and Security) in shopping cart until solution is found.

using Multistore 9.31

Thank you

EDIT: Was able to turn the Popup Window background to White with this code in the App_Themes/Skin_1/style.css

body, .popupbody
{
background:ffffff;
text-align:left;
font-family:Trebuchet MS, Verdana, Arial, Tahoma, sans-serif;
font-size:10pt;
overflow: auto;
}