Jump to content
Sign in to follow this  
WebWerx

Adding Some CSS Styling to A Google Map

Recommended Posts

WebWerx    0
WebWerx

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]

Share this post


Link to post
Share on other sites
Rob    547
Rob
I'm just not used to the shortcodes. Evidently my method did not work.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob
Actually, not a 'comment' but a compliment. That looks great with the sharp corners.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
@rangelone: Not sure if you answered my question......

Share this post


Link to post
Share on other sites
Rob    547
Rob
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.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
Maybe @simple_mama can weigh in on this? (without the 9 desserts!) CC @rangelone

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
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.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×