create pricing table with css

Hi there, I followed the steps in the youtube video but in some way the pricing table doesn't show up when entering the code to custom css. Does anyone know if I'm missing something? 

custom css: 
.sqs-col-4 {border: 5px solid #50bdb8; width:25%!important; margin-left: 6.25% } @media only screen and (max-width:768px){ .sqs-col-4 {margin-left:0%!important; margin-bottom: 5%} }

Thanks in advance! 

Can you share the page URL you've applied this code to?

Hi, I am struggling with the same. My website: https://www.zsofiapasztor.com/fertility-nutrition-preconception-planning/#fertility-nutrition-consultation-packages

Pwd: FertilityNTFrankfurt1981!

Could you please help?

Can someone help me in this please?

@zsofiap03 this guide is a couple of years old, it looks like you're using the latest Squarespace editor, so this guide won't work on your website. You can do certain styling directly, like adding a background to your pricing blocks. What do you want to do?

similar things what  is in the youtube video above: having frame around the package options, hover effect and the boxes popping out. Also, if possible, the buttons to "move" - have an effect when someone hovers over them. I don't see any solution currently in squarespace for these.

Thank you

The video uses columns to select and target the CSS. Instead you could just use block IDs. Do you have a basic familiarity with CSS? 

To find block IDs in Squarespace you can either inspect the code, or use a plugin, check out this guide: 
https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

Thanks - I have the ID finder. But I am not a CSS guru. If there are CSS codes I can copy them and change IDs but I do not even know what key search term to use to search for these things in this instance. Generally speaking, everything else I needed, I found.

I think I now understand what you mean - will try to play around. Thank you