Dara theme: map widget to use 100% of the width?

• 

  orschiro · Member · Oct 21, 2017 at 2:37 pm

  • Copy link
  • Add topic to favorites

  Love the Dara theme!

  Would be great if a Google Maps would be displayed with 100% width.

  Example of how it looks at the moment [1].

  [1] https://i.imgur.com/Dr9QpBR.png

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · Oct 22, 2017 at 9:51 am

  • Copy link

  Hi Robert,

  Glad you’re loving the Dara theme!

  The map is set at 600px in the code that the Contact Info widget pulls in from Google Maps and there isn’t a built-in way to override that.

  There’s two options for customising:

  1. If you upgrade to WordPress.com Premium or Business, you’ll be able to override the default width with the following custom CSS:

  .contact-map {
      width: 100%;
  }

  2. You could follow the guidance here to embed a Google Map into a Text widget:

  Embed From Google Maps

  It’s possible to change the width of a Google Map within a Text widget without needing to upgrade.

  Take a look and don’t hesitate to let us know if questions come up.

• 

  orschiro · Member · Oct 22, 2017 at 3:00 pm

  • Copy link

  Hey siobhyb,

  The text widget worked well.

  Thank you! :-)

• 

  siobhyb · Member · Oct 22, 2017 at 3:17 pm

  • Copy link

  Awesome! 🎉

  You know where to find us if extra questions come up too.