Skip to content

Instantly share code, notes, and snippets.

@ttringas
Created September 16, 2015 10:03
Show Gist options
  • Save ttringas/b74d6c937c4d9567853f to your computer and use it in GitHub Desktop.
Save ttringas/b74d6c937c4d9567853f to your computer and use it in GitHub Desktop.
Custom CSS for Retina Shopify Theme (Amsterdam)
/*
Custom CSS for Storemapper to match Shopify theme: Retina presets: Austin
Theme: https://themes.shopify.com/themes/retina/styles/austin
Recommended map color scheme: https://snazzymaps.com/style/31/red-hues
*/
.storemapper-maplink.btn,
.btn.storemapper-map-directions,
#storemapper-go,
.storemapper-storelink{
background: #af1f31 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: #8a1a27 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment