Site URL: https://www.adaniabutto.com/
Hi,
I'm trying to set the top padding of a specific button (button-block-yui_3_17_2_1_1641237084533_45554-0) on my website to 0px. It's currently at 30px. I only want to change the padding of this single specific button, not in general.
I added the custom CSS below to my page via the settings page, but nothing happens, and I don't understand why. The CSS selector was copied directly from the browser inspector, so it can't be a typo:
#button-block-yui_3_17_2_1_1641237084533_45554-0 {
padding-top: 0px; /* was previously 30px */
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
}
When I make this change in the browser inspector, I get the desired result (the top padding is set to 0 on my website), but nothing happens when I do the exact same thing on my actual Squarespace page.
I have tried multiple variations, e.g. code injection in the header with the appropriate code (<html>, <style>, etc), but the website simply doesn't change. What am I missing?
Thanks!