Tagged: x
-
AuthorPosts
-
May 18, 2016 at 5:04 am #997059
Samantha EParticipanthello – how can i add a full width map to every page at the bottom?
also, how can i add a full width map to just one section in the homepage – almost looking like a background parallax
i would like the map to only be about 3.5″ high – thank you for your help
May 18, 2016 at 6:09 am #997148
LelyModeratorHello Samantha,
Please share you site URL so we can check your footer setup. Then please clarify where exactly do you want to add this map.
To add full width MAP on a section of your homepage, please use Blank – No Container | Header, Footer template. This will give you a fullwidth section. Then on ROW settings > Set Column Container to OFF. We can add the map height on MAP ELEMENTS > STYLE FIELD:
height:336px;Hope this helps.
May 19, 2016 at 7:22 am #999287
Samantha EParticipantThis reply has been marked as private.May 19, 2016 at 8:32 am #999393
JoaoModeratorHi Samantha,
I have adjusted it for you.
I will explain how I did so you can do in other cases when necessary.
First of all. There was some extra space because one of the padding values was set to 0x instead of 0px ; so once I corrected the space became much smaller.
Than I deactivated column container: To do that I clicked on the magnifying lense on the row ( Please see img 1)
Than turned off column container (Please see img 2)
As you set the size of your map to 320px there was still some extra space. So I want to the Style Box at the bottom of your Section and added max-height: 320px; (Please see image 3)
As you mentioned you would like to use in another pages, I have saved this map section as a template block for you on Cornerstone, so you dont have to bother about the steps aboved mentioned. You just go to Templates and Select your Map Template, please see img 4.
Hope that helps,
Joao
May 19, 2016 at 9:16 am #999474
Samantha EParticipantOMG JOAO YOU ARE A GENIOUS! Wow this is literally the best customer service i have ever had and have been with you guys for years. I am so appreciative ๐
May 19, 2016 at 9:38 am #999511
John EzraMemberYouโre most welcome! ๐
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-997059 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
