Skip to content

Instantly share code, notes, and snippets.

@ttringas
Created September 16, 2015 09:58
Show Gist options
  • Save ttringas/89a59326e43024fe82c5 to your computer and use it in GitHub Desktop.
Save ttringas/89a59326e43024fe82c5 to your computer and use it in GitHub Desktop.
Custom CSS for Storemapper with Parallax Shopify Theme and Vienna Presets
/*
Custom CSS for Storemapper to match Shopify theme: Parallax presets: Vienna
Theme: https://themes.shopify.com/themes/parallax/styles/vienna
Recommended map color scheme: https://snazzymaps.com/style/25/blue-water
*/
.storemapper-maplink.btn,
.btn.storemapper-map-directions,
#storemapper-go,
.storemapper-storelink{
background: #0099e5 none repeat scroll 0 0;
border-radius: 3px;
color: #fff !important;
cursor: pointer;
font-family: Futura,"Century Gothic",AppleGothic,sans-serif;
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
outline: medium none;
padding: 5px 10px;
text-align: center;
text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
text-transform: uppercase;
transition: all 0.2s linear 0s;
line-height: initial;
margin-top:10px;
}
.storemapper-maplink.btn:hover,
.storemapper-maplink.btn:focus,
.btn.storemapper-map-directions:hover,
.btn.storemapper-map-directions:focus,
#storemapper-go:hover,
#storemapper-go:focus,
.storemapper-storelink:hover,
.storemapper-storelink:focus{
background: #09bdfd none repeat scroll 0 0;
outline: medium none;
}
.storemapper-popup-name{
border-bottom:0px;
font-weight:bold;
margin-bottom:0px;
}
.storemapper-popup-address{
font-size:17px;
}
#storemapper-form,
#storemapper-list{
padding-right:30px;
}
.tier > h4 {
margin-bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment