Make background color black between 2 elements

Hi!

I am trying to make the background color between 2 elements black (see screenshot below).

I tried using the following code but it doesn’t seem to work:

CSS:

.background-black {
	background-color: #000000; 
}

Html:


<iframe width="560" height="315" src="https://www.youtube.com/embed/5bqm7j4r8Ws" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

![14-16462884253122.jpg?v=1648375962|3292x806](upload://n9JCFlE79r0rG2WIFnIeJHxE1pV.jpeg)

https://electricrideco.com/products/maxfind-ff-at-electric-skateboard

Thanks in advance!

@guyv - can you add some custom class or id to image? then we can set css for it to take it up to close the gap

@guyv Go to assetes/theme.css and past below css at bottom of file.

.easytabs-container .easytabs-contents .easytabs-content-item:first-child img
{
margin-top: -22px !important;
}

Hi @guyv

Happy to help you with this issue
Please add the below style to CSS file

.easytabs-container .easytabs-contents .easytabs-content-item:first-child img {
    margin-top: -22px;
    border: 1px solid #000;
}

@SagarSukhanandi @DelightCart @suyash1

Thanks so much for your help.

I created a custom class for the image using the code provided.

@guyv - great, that way the given css is applied to this image only