Adding Cart Icon to Buy Button in Lightbox
nmetrock
Registered Users Posts: 2 Beginner grinner
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