Button images not showing up *recent*

Site URL: http://www.marleyshouseofsport.com

My large buttons on my site are now coming up as invisible. Has squarespace recently changed the naming conventions in the code? I can't account for this error/change. I haven't changed anything my end. When I change the actual image in the code it does nothing either. 

Any help would be appreciated

- D

6 hours ago, mhouseofsport said:

My large buttons on my site are now coming up as invisible. Has squarespace recently changed the naming conventions in the code?

Yes, this undocumented change was made at the end of February.

Great to know it's not just me going crazy. I have it in the CSS code to change all "large" buttons to my image like so:

.sqs-block-button-element--large{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/60bd7f06fc7c64423c37fcc3/t/61be8daef06d6905b236e09a/1639878062359/toppng.com-black-button-icon-501x129.png'); background-size:contain!important; background-position:center;background-repeat:no-repeat!important}
.sqs-block-button-element--large:hover{opacity:1!important;filter:drop-shadow(4px 4px 4px #222)}

So what would I need to now change it to for it to work as it once did?

Bit of a legend around these parts Tuan was nice enough to solve this privately for me. Just in case anyone else is struggling with this adding "important" to the code in the below way solved the issue.

(add !important to 2 attribute in the code)

Hi there.

I'm having the same problem. I tried creating an image for a button today, but it just appears as blank. I tried both the code suggested in this thread and the following code, with no luck. Any help much appreciated...

.sqs-block-button-element--large{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/5e5ec4efc85e7f05d4300da4/t/62e9855c798edf172f7e451c/1659471197080/The+Girl+downloaded+logo+and+C%27est+la+vie+trimmed.png'); background-size:contain!important; background-position:center;background-repeat:no-repeat!important}
.sqs-block-button-element--large:hover{opacity:1!important; }

Site URL: https://www.musicbythegirl.com/clv

10 hours ago, Ibe said:

Hi there.

I'm having the same problem. I tried creating an image for a button today, but it just appears as blank. I tried both the code suggested in this thread and the following code, with no luck. Any help much appreciated...

 

.sqs-block-button-element--large{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/5e5ec4efc85e7f05d4300da4/t/62e9855c798edf172f7e451c/1659471197080/The+Girl+downloaded+logo+and+C%27est+la+vie+trimmed.png'); background-size:contain!important; background-position:center;background-repeat:no-repeat!important}
.sqs-block-button-element--large:hover{opacity:1!important; }

Hi,

Can you share link to page where you use button? We can take a look

I don't see any buttons on this page: https://www.musicbythegirl.com/clv

Can you share link to exact page where you use button? We can check easier