[OpenLayers-Users] Overriding some default CSS values

[Adrian Popa]

Hello Marc,

Your example for the mouse coordinates worked beautifully, thanks. 
However, the "setOpacity" example didn't work (the opacity attribute 
didn't change in Firebug). I've tried setting popup.opacity = 0.7 - and 
although I've seen the change in firebug, my popup doesn't seem to honor it.

I'm running firefox 3.0.12.

I will do further tests to see what the problem might be.
Thanks,
Adrian

Marc Jansen wrote:
> Hi Adrian,
>
> to change the color of the mousecoordinates div, simply override the 
> css like:
>
> <style type="text/css">
> .olControlMousePosition {
>  color: red;
> }
> </style>
>
> (tested)
>
>
> to set the opacity of one popup you could use:
>
> popup.setOpacity(0.7);
>
> (tested)
>
>
> If you generally want to have another opacity issue:
>
> OpenLayers.Popup.FramedCloud.prototype.opacity = 0.1;
> (untested!)
>
> before you instantiate your popups.
>
> Regards,
> Marc
>
>
> Adrian Popa schrieb:
>> Hello,
>>
>> I'm trying to change the transparency of the "FramedCloud" popup in 
>> openlayers - to make it 90% opaque. Also, I'd like to change the font 
>> color for the MousePosition control. I want to make these changes as 
>> much as 'unintrusive' as possible - meaning I'd rather change these 
>> values in my code instead of the original OpenLayers code, so that I 
>> may upgrade openlayers in the future, without losing changes.
>>
>> Any ideas on how I can do this?
>>
>> Thanks,
>> Adrian
>>
>> _______________________________________________
>> Users mailing list
>> Users at openlayers.org
>> http://openlayers.org/mailman/listinfo/users
>>
>>   
>
>