Concrete5 Google Maps block
Permalink 1 user found helpful
Does anyone know how to 'downsize' this block from the default size?
I did while back on a site I think I made it smaller by the divs in the css. Think it auto sizes to its container.
You could probably use the design options on the block to add extra padding or margin through the UI to bump things in. I'm not sure if that'll work in your situation or not though.
I tried this, by adding say 50 50 50 50 margin, it shrinks the map and makes a space border.
I want to resize the actual area the block takes up - any further suggestions?
I want to resize the actual area the block takes up - any further suggestions?
There are a couple options for targeting it depending on what you're most comfortable with.
The inline css that concrete generates is:
So you could override that in your theme's css by using the code above, and changing the height. You'll need a more specific css selector to target the div though.
Or, if you want to create a custom template you could change it in there. You can create a custom template by copying concrete/blocks/google_map/view.php to blocks/google_map/templates/my_custom_tempalte.php and changing the values in there.
Lastly, you could hack it in using the design option on the block by adding something like.
Obviously this last method isn't ideal, but should do the trick as well.
Hope that helps out. Let me know if you need any clarification on any of the options.
The inline css that concrete generates is:
.googleMapCanvas{ width:100%; border:0px none; height: 400px;}
So you could override that in your theme's css by using the code above, and changing the height. You'll need a more specific css selector to target the div though.
Or, if you want to create a custom template you could change it in there. You can create a custom template by copying concrete/blocks/google_map/view.php to blocks/google_map/templates/my_custom_tempalte.php and changing the values in there.
Lastly, you could hack it in using the design option on the block by adding something like.
width:200px; height:175px !important; overflow:hidden;
Obviously this last method isn't ideal, but should do the trick as well.
Hope that helps out. Let me know if you need any clarification on any of the options.
The extended google maps package let you do this and lots more, great package thx corretje
