Adding Some CSS Styling to A Google Map

[WebWerx 0]

I am trying to figure out how to add some styling to the Google map on this page. Specifically I like to add something like this:

.google-map-border {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 0px 0px 15px #000000;
	-webkit-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	}

I am using some of the fancy new shortcodes and am getting a bit confused (no comments @rangelone!)

Nadro Marine Services Limited 57 River Drive Port Dover Ontario N0A 1N7 [contact-form-7 id="70" title="Nadro Contact Us"]

[googlemap width="100%" height="700" address="57 River Drive, Port Dover, ON N0A 1N7"]

[/code]

[Rob 547]

I'm just not used to the shortcodes. Evidently my method did not work.

[Rob 547]

Actually, not a 'comment' but a compliment. That looks great with the sharp corners.

[WebWerx 0]

@rangelone: Not sure if you answered my question......

[Rob 547]

I'm absolutely sure. I didn't. Since it seems we can't apply CSS to shortcodes... I don't know how to resolve this.

[WebWerx 0]

Maybe @simple_mama can weigh in on this? (without the 9 desserts!) CC @rangelone

[Danny+ 1,327]

Unfortunately, you can't apply CSS to Shortcodes and if you wish to apply custom CSS to your google maps, you will need to ask this question on Google support.

[WebWerx 0]

Thanks for replying guys (@rangelone & @danny). I must say that this is a huge disappointment as Pagelines has been promoting the heck out of the benefits of adding shortcodes while neglecting to say how restrictive doing so is (design-wise). I'll just add the map using the old-fashioned iFrame method and see if I can then add my styling.