Please help me figure out why the background for the store location pop up can't be changed

[rustyclockwork]

Hello all,

 

I'm beating myself up over trying to change the background color of the little location pop up on the store location map in prestashop. When you see the icon on the map, showing your store location, you click on the icon, and a little pop up window shows up, listing the address and hours... I'M TRYING TO CHANGE THE BACKGROUND COLOR!!! :-)

 

Here is the CSS file for the store location block that I have... the background color that I want is #8E2323 and as you can see, I've tried everything, and the background for the pop is still the default white.

 

#stores #center_colum label {

display:inline-block;

width:150px;

font-weight:bold;

text-align:right

background-color: #8E2323

}

input#addressInput {

padding:2px 5px;

width:300px;

border:1px solid #ccc

}

select#radiusSelect {

margin: 0 5px 0 0;

width:50px;

border:1px solid #ccc

background-color: #8E2323

}

 

#stores_loader {

display: none;

margin-left: 5px

background-color: #8E2323

}

 

#locationSelect {

visibility: hidden;

width: 400px;

border:1px solid #ccc

background-color: #8E2323

}

 

#stores #center_column p .button {float:right

background-color: #8E2323

}

 

#map {

margin:15px auto;

height:375px;

width:535px

background-color: #8E2323

}

 

#stores-table {border-bottom:1px solid #999

background-color: #8E2323

}

#stores-table tr:nth-child(odd) {background-color: #8E2323}

#stores-table td {

border-top:1px solid #ccc;

border-bottom:none

background-color: #8E2323

}

#stores-table td.distance {border-right:1px solid #999

background-color: #8E2323

}

 

THANK YOU FOR ANY HELP!

 

Jason

Edited January 8, 2014 by rustyclockwork (see edit history)

[walidon]

can you provide an url please?

[vekia]

http://www.prestashop.com/forums/topic/298834-solved-store-locator-google-map-resize-info-box/?hl=%2Bgoogle&do=findComment&comment=1512878

 

then you can change background with class:

.myinfowindow {
width:500px;
height:200px;
}

[rustyclockwork]

Thank you! Does that class go in global.css?

[rustyclockwork]

oops!

 

nevermind! thank you again!

[rustyclockwork]

Hello all,

 

Ok, I got this far, and have the background color changed, enclosed is a screen shot. I tried doing a padding line to get rid of the white frame thing, I know it's not a border, but still can't figure out how to finish the look nicely.

 

Thank you again for any help with this,

 

Jason