DevonHarris Posted September 4, 2019 Share Posted September 4, 2019 Someone asked this in another question-I'm trying to recreate a gold button as pictured (without the icon), but can't seem to get the coding correct. This is what I have so far... .sqs-block-button .sqs-block-button-element--large { padding: 10px 15px; text-shadow: 0 .5px 0 #959595; border-shadow:0 1px 0 #909090; } When I create text filled with my gold foil image, I use the following code. So I'm wondering how to merge the two concepts to have gold font and a gold outline. //Gold Text// background: url(https://static1.squarespace.com/static/5d49bbc0fd8be40001ace1ad/t/5d6593728c58ca00012b4334/1566937971075/THEGOLD.jpg); background-size: 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; Link to comment
DevonHarris Posted September 5, 2019 Author Share Posted September 5, 2019 @Paul2009 do you know how to do this? :-) Link to comment
tuanphan Posted September 7, 2019 Share Posted September 7, 2019 @DevonHarris you should share 2 sites with that effect (site contain effect & your site) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
marleydesigns Posted November 18, 2020 Share Posted November 18, 2020 Have you figured this out? Currently trying to implement this style as well! Link to comment
tuanphan Posted November 22, 2020 Share Posted November 22, 2020 On 11/19/2020 at 3:10 AM, theembodiedalchemist said: Have you figured this out? Currently trying to implement this style as well! If you share site url, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.