Customizing the Map
mdmclean88
Registered Users Posts: 1 Beginner grinner
Hi Team,
I just submitted these feature requests after speaking to SmugMug support.
First one was to be able to change the Marker Colour as it automatically responds to the Theme's background colours, etc. With help from SmugMug Support Tom, You can customize the markers using the following code in CSS block:
What I am looking for is some advice on these other customizations for the Map.
1. Add an optional Title on hover function as photos on the map that are so close together are hard to distinguish between each other. It would be great to get the Title or Caption to show up on hover.
2. When you click a thumbnail it takes you to that image link directly within the same window. It would be very useful to allow it to be redirected to a new window, or even better, to a lightbox?
Any tips or assistance is greatly appreciated. To see the map in action: http://jump.awhistleandalight.com/map
I just submitted these feature requests after speaking to SmugMug support.
First one was to be able to change the Marker Colour as it automatically responds to the Theme's background colours, etc. With help from SmugMug Support Tom, You can customize the markers using the following code in CSS block:
/*This changes colour of the Marker*/
.sm-user-ui .smugmap-pin .sm-fonticon {
color: rgba(0,0,0,1);
}
/*This changes colour of the little dot inside the marker*/
.sm-user-ui .smugmap-pin .plug {
background-color: rgba(255,255,255,1);
}
/*This changes the cluster circle like when multiple markers are grouped into a cluster*/
.sm-user-ui .marker-cluster-small div {
background-color: white;
}
/*This changes the circle around the cluster circle*/
.sm-user-ui .marker-cluster-small {
background-color: black;
}
What I am looking for is some advice on these other customizations for the Map.
1. Add an optional Title on hover function as photos on the map that are so close together are hard to distinguish between each other. It would be great to get the Title or Caption to show up on hover.
2. When you click a thumbnail it takes you to that image link directly within the same window. It would be very useful to allow it to be redirected to a new window, or even better, to a lightbox?
Any tips or assistance is greatly appreciated. To see the map in action: http://jump.awhistleandalight.com/map
0