Summit227 Posted December 27, 2019 Posted December 27, 2019 Need help on this! Worked with SquareSpace a few years and familiar with inspecting to find custom Block ID's for CSS. However this is proving more difficult than anticipated! I have to access the cached result on many Google listings because SS-Answers no longer hosts those answers. (frustrating) So I'm trying to custom color all 4 buttons on this page. (https://www.fruniti.com/products) Step-2 will be messing with hover and other features, but at this point I can't get past Step-1. Was able to custom color ALL the buttons with last line of code, but cannot target specific button even after trying various #block IDs! Just hitting walls! Saw other posts where users suggested targeting "collections", but I don't see those listed near my button in code. I would prefer to avoid using the code block, as this seems like it should be achievable through CSS alone. (i think) /* MANGO MOOD */ #block-yui_3_17_2_1_1566923613385_11113 h2 a { color:#ea9d39 } #block-yui_3_17_2_1_1566923613385_11113 h3 { color:#ea9d39 } /* BUTTON */ .small-button-shape-pill .sqs-block-button-element--small { background-color: #ea9d39 }
tuanphan Posted December 28, 2019 Posted December 28, 2019 /* 1. Mango */ .sqs-block-button-element[href="/mango-mood"] { background: red; } /* 2. Gathered Green */ .sqs-block-button-element[href="/gathered-greens"] { background: green; } Do similar for buttons 3, 4 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!)
Summit227 Posted December 30, 2019 Author Posted December 30, 2019 @tuanphan you rock, TY so much! I didn't realize you could target links in that manner. Was curious if it was going to affect anything else, as I also made the bottles clickable, but so far so good! Now need to learn other ways I can use that same technique!
tuanphan Posted December 31, 2019 Posted December 31, 2019 6 hours ago, Summit227 said: @tuanphan you rock, TY so much! I didn't realize you could target links in that manner. Was curious if it was going to affect anything else, as I also made the bottles clickable, but so far so good! Now need to learn other ways I can use that same technique! You can wrap the code and insert to Page Header, It will affect on only 1 page <style> /* 1. Mango */ .sqs-block-button-element[href="/mango-mood"] { background: red; } /* 2. Gathered Green */ .sqs-block-button-element[href="/gathered-greens"] { background: green; } </style> 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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.