Webswool Posted October 14, 2020 Share Posted October 14, 2020 (edited) 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 Edited October 14, 2020 by Webswool Password wasn't included Link to comment
tuanphan Posted October 16, 2020 Share Posted October 16, 2020 (edited) Hi. It is in iframe code, you can't remove it from Squarespace. Where did you get embed code? Edited October 16, 2020 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Webswool Posted October 16, 2020 Author Share 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" Link to comment
tuanphan Posted October 16, 2020 Share Posted October 16, 2020 If vesselfinder doesn't provide an option to hide that, there's no other way to handle it. Webswool 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Webswool Posted October 17, 2020 Author Share Posted October 17, 2020 Thanks Tuan - I was worried that might be the case! Link to comment
inunzi Posted October 17, 2020 Share 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? Link to comment
paul2009 Posted October 17, 2020 Share 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 ↘️ tuanphan and creedon 2 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Webswool Posted October 19, 2020 Author Share 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 Link to comment
paul2009 Posted October 19, 2020 Share Posted October 19, 2020 You should be able to adjust the number of pixels until the blue banner is removed. About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
Webswool Posted October 19, 2020 Author Share 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment