Add border with padding around a video/image

Hello!

I need to add a border with padding around videos. I have tried using the regular shapes however the space becomes pretty restrictive because of the grids block.

The colour is #f4b966.

Thanks!

@Lnoon18 could you share a link to the page you're wanting this on?

@abibacon the site isn't live yet. Can I send an editor link or something else?

@Lnoon18, you can password protect the site in the settings. Use the search function to look for 'site availability' and create a password. You can then share the url.

Thank you @abibacon we are currently having domain transfer issues and not even the published landing page is showing live. All on our end with DNS and disconnection from the old site is fine so hoping its just a waiting game for the domain to transfer asap.

I'm not sure if this affects the password protected site view? This is the website: https://joelsunny.com/ 

You can use code like this to Website Tools > Custom CSS

.fe-block:has(div#block-yui_3_17_2_1_1728963968224_3506) {
    border: 5px solid green;
    padding: 30px;
}

Thank you @tuanphan

How can I make it this color: #f4b966

This is what I changed it to but the border disappeared:

 .fe-block:has(div#block-yui_3_17_2_1_1728963968224_3506) {
    border: 5px #f4b966;
    padding: 30px;
}

@abibacon the site is now live! The button I'm trying to alter is here: https://joelsunny.com/

Hey @Lnoon18, try the below CSS

#block-yui_3_17_2_1_1728963968224_3506 .sqs-block-content {
  border: 5px solid #f4b966;
  padding: 20px;
}