Webswool Posted October 14, 2020 Share 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 Link to comment
tuanphan Posted October 16, 2020 Share 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!) 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. 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!) 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 ↘️ About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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 me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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
Archived
This topic is now archived and is closed to further replies.