Jump to content

Customising Google Maps Header

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

I have a website up and running for my personal photography on a personal plan. I have been looking at adding a new page to show the locations of where I have captured my images utilising google maps. I have embedded the map on to a page. I was wondering if it was possible to use CSS code to hide the name of the map "Architecture Locations", my Google user name "scotty4418" and the avatar (S inside the circle). Also is it possible to change the colour of the header bar?

I know it is possible to hide the full header bar but I don't want to lose the functionality of the Map Legend, Share and Expand Map icons, I only want to hide the aforementioned distractions. I have looked into the Advanced Map plugin but this is not an option as I am on a personal and would rather avoid upgrading my Squarespace Plan if possible.

Appreciate any advice you can give on this enquiry.......Thank You

 image.thumb.png.6aa2510fb40e55d91fd6a536a2e8dc9f.png

Edited by JImmy_S
missing context in description of issue
  • Solution
Posted
On 10/16/2024 at 3:21 AM, JImmy_S said:

Tuanphan

many thanks for the response. The link is https://www.jimscottphotography.co.uk/resources 

If you scroll down the page you will see the live google maps there

Much Appreciated

You can use this code to Website Tools > Custom CSS

div#block-yui_3_17_2_1_1729021575625_8871>div {
    overflow: hidden;
}
div#block-yui_3_17_2_1_1729021575625_8871 iframe {
    position: relative;
    top: -70px;
}

 

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!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.