Jump to content


Photo
- - - - -

Adding Some CSS Styling to A Google Map


  • Please log in to reply
7 replies to this topic

#1 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 26 July 2012 - 07:41 PM

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:

Please Login or Register to see this Hidden Content

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

Please Login or Register to see this Hidden Content



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 July 2012 - 08:07 PM

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

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 July 2012 - 08:28 PM

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

#4 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 26 July 2012 - 08:51 PM

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

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 July 2012 - 09:29 PM

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.

#6 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 26 July 2012 - 10:37 PM

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

#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 17583 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 27 July 2012 - 09:47 AM

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.

#8 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 27 July 2012 - 02:07 PM

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.