Jump to content

Custom CSS button not working

Recommended Posts

Site URL: https://www.bodyandbraincoaching.co.uk/results


I am struggling with a pop-up video button. I would like to just change the background colour of it. This code has worked before for a previous site but not sure why it's not working on this one?

I created a custom code block and put this code into it. 

<div class="sqs-block button-block sqs-block-button" style="text-align:center;">
<a href="//www.player.vimeo.com/video/572287534;" data-lity class="sqs-block-button-element--medium sqs-block-button-element">Watch Video</a>

Then inside the custom CSS window I have this:

.sqs-block-button .sqs-block-button-element--medium, #block-yui_3_17_2_1_1647180429659_8271 a; {
width: 175px !important;
background-color: #4E419F !important;
text-align: center;

I would like the CSS block to replicate the below actual button background - make it purple with curved edges. 



Screenshot 2022-03-13 at 14.41.03.png

Link to comment
  • Replies 3
  • Views 460
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Design > Custom CSS

/* Watch video Code Block button */
div#block-yui_3_17_2_1_1647180429659_8271 a {
    background-color: #4e419f;
    border-radius: 7px;
div#block-yui_3_17_2_1_1647180429659_8271 a:hover {
    opacity: 0.8;


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

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.