Adding Cart Icon to Buy Button in Lightbox
Hi dgrinners!
Thank you all for contributing to this awesome forum... it has helped me many times!
Here's what I'm trying to do:
Add the cart icon to my Buy button in the lightbox view, so it looks like the gallery Buy button.
This page has some clues to the code:
http://www.smugocity.com/keyword/buy%20button/
I would like to use the 'official' SmugMug cart icon if possible, but I am having trouble finding the source.
Thanks for your time!
-Nathaniel
Thank you all for contributing to this awesome forum... it has helped me many times!
Here's what I'm trying to do:
Add the cart icon to my Buy button in the lightbox view, so it looks like the gallery Buy button.
This page has some clues to the code:
http://www.smugocity.com/keyword/buy%20button/
I would like to use the 'official' SmugMug cart icon if possible, but I am having trouble finding the source.
Thanks for your time!
-Nathaniel
0
Comments
Still looking if anyone can link me to some code
Here's maybe a starting point to work with:
.sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button {
font-family: 'SmugMug Icon Font Small';
font-size: 24px;
}
.sm-user-ui .sm-lightbox-tools .sm-lightbox-buy-button:before {
content: '\E31B '}
.sm-user-ui .sm-lightbox-tools .sm-button-label {
font-family: Titillium Web,Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
}
You'll need to change the font (titillium web) to whatever your theme is using and the size to what looks right. This was just a quick attempt and it seems to at least get the cart icon on the button.
Dave