JacquiNZ Posted November 29, 2019 Share Posted November 29, 2019 Hi there, I'm stumped at how to target the button in my top footer in Brine. I've changed the footer colour for mobile view, so I need to also change the button colour. Any suggestions? The site url is https://lily-smilodon-gzzc.squarespace.com/ And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) Thanks in advance. Link to comment
tuanphan Posted November 29, 2019 Share Posted November 29, 2019 @JacquiNZ Please setup password & share url again. If you dont know how to, see my signature. If you know a bit of HTMl/CSS > Right click on button > Inspect Element > You will see class=...sqs-button-element.." and look a little above you will see id="block-yui..." use CSS: #block-yui.. .sqs-button-element {} to target for that button. 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
JacquiNZ Posted November 29, 2019 Author Share Posted November 29, 2019 Hi @tuanphan Sorry I must have forgotten to push save when I set up the password. Here it is again, The site url is https://lily-smilodon-gzzc.squarespace.com/And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) Thanks for your time Link to comment
tuanphan Posted November 29, 2019 Share Posted November 29, 2019 23 minutes ago, JacquiNZ said: Hi there, I'm stumped at how to target the button in my top footer in Brine. I've changed the footer colour for mobile view, so I need to also change the button colour. Any suggestions? The site url is https://lily-smilodon-gzzc.squarespace.com/ And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) Thanks in advance. You mean: contact ingrid button? add to Home > Design > Custom CSS /* Only mobile */ @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1573795087718_21644 a[href="/contact"] { background: red; color: green !important; } } 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
JacquiNZ Posted November 29, 2019 Author Share Posted November 29, 2019 Thank you ! That worked a treat. I didn't realise I had to use div ,or target the button as a[href="/contact"] Learning slowly — thank you for teaching! Link to comment
JacquiNZ Posted November 29, 2019 Author Share Posted November 29, 2019 @tuanphan by any chance would you have a solution to my other question? Link to comment
Guest Posted August 17, 2021 Share Posted August 17, 2021 how to target any specific button to hover my button name is enquire now can you please help me? Link to comment
tuanphan Posted August 18, 2021 Share Posted August 18, 2021 22 hours ago, nimra said: how to target any specific button to hover my button name is enquire now can you please help me? Can you share link to page where you want to change button? 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.