Webswool Posted October 14, 2020 Posted October 14, 2020 Site URL: https://newworldoliveoil.squarespace.com/coming-soon Password: newworldoliveoil Hello! I'm embedding 3 maps using code blocks so that the ships carrying the products for my client can be tracked by the user/site visitor. I'd like to hide the navigation/header on each (where it says Vesslefinder.com etc.) Anyone have any idea how to do this? I've tried targeting various things but don't seem to be able to touch it... Have attached a screenshot to show what I'm chatting about. Thanks! Sammi x
tuanphan Posted October 16, 2020 Posted October 16, 2020 Hi. It is in iframe code, you can't remove it from Squarespace. Where did you get embed code? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Webswool Posted October 16, 2020 Author Posted October 16, 2020 Hello! Got the embed code from here: https://www.vesselfinder.com/vessels/MSC-JULIE-IMO-9704996-MMSI-374335000 Just used the html used under "</> embed map"
tuanphan Posted October 16, 2020 Posted October 16, 2020 If vesselfinder doesn't provide an option to hide that, there's no other way to handle it. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Webswool Posted October 17, 2020 Author Posted October 17, 2020 Thanks Tuan - I was worried that might be the case!
inunzi Posted October 17, 2020 Posted October 17, 2020 5 hours ago, tuanphan said: If vesselfinder doesn't provide an option to hide that, there's no other way to handle it. Wait don't you think that they coded it so that no-one would be able to remove the text? Don't you think theres a way to change the coding?
paul2009 Posted October 17, 2020 Posted October 17, 2020 On 10/14/2020 at 3:40 PM, Webswool said: I'd like to hide the navigation/header on each (where it says Vesslefinder.com etc.) Anyone have any idea how to do this? Hi Sammi It is possible to remove this header from the embedded maps, but the terms of use for VesselFinder state that you must not republish material without appropriate accreditation to VesselFinder.com. If you intend to provide this attribution in a better way, then you can remove the header by cropping the iFrame window. For example, for the centre map, you would use: <iframe name="vesselfinder" width="100%" height="400" frameborder="0" src="https://www.vesselfinder.com/aismap?zoom=3&lat=0.00&lon=0.00&width=100%&height=400&names=true&mmsi=374335000&imo=9704996&track=true&fleet=false&fleet_name=false&fleet_hide_old_positions=false&clicktoact=false&store_pos=true&ra=https%3A%2F%2Fnewworldoliveoil.squarespace.com%2Fcoming-soon" style="position: relative; top: -156px">Browser does not support embedded objects.<br/>Visit directly <a href="https://www.vesselfinder.com" target="_blank">www.vesselfinder.com</a></iframe> The additional code is: style="position: relative; top: -156px" If a post helps you, please click a "Like" option below ↘️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Webswool Posted October 19, 2020 Author Posted October 19, 2020 Thank you @paul2009 - I tried this approach but no luck. It might be because the client has since requested that we switch from 7.0 to 7.1 so I'm not sure if the code would need to be different? I've attached a screenshot of how it made things look (the map on the left is the one I tried to crop the iframe window for) It's not the end of the world, but would just look a little cleaner if there is a solution! Page URL is: https://newworldoo.squarespace.com/coming-soon Password is: NW00previ3w
paul2009 Posted October 19, 2020 Posted October 19, 2020 You should be able to adjust the number of pixels until the blue banner is removed. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Webswool Posted October 19, 2020 Author Posted October 19, 2020 16 minutes ago, paul2009 said: You should be able to adjust the number of pixels until the blue banner is removed. I've tried adjusting the pixels and it just moves the entire map further up the page rather than cropping anything.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.