Fill Home-top widget with video | Outreach Pro

[IanFJ]

On the homepage of my website (http://celebraterecoveryaustralia.com.au), I would like to have a video fill in the home-top widget area —basically, fill in all the area that is currently white.

The short code I am currently using is this:

[convertplayer id="luGrtDAQw" width="700" height="394" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ]

What should my code be? What are the elements I'm missing or need to be replaced? Your advice and wisdom would be greatly appreciated.

http://celebraterecoveryaustralia.com.au

[IanFJ]

Okay, let me rephrase my question a little, now that I've thought about it a little more...

The home-top widget is supposed to have a Genesis Responsive Slider in it. So I changed the width of my video to 1140. This leaves a white border around the image. So, how do I get rid of this margin (or is it padding)? Or, is it possible to have a video display using the GRS?

[Brad Dalton]

Inspect the element to find the CSS rules which need modifying.

In this case, you'll find the following CSS rules in your child themes style.css file.

/* Home Page
--------------------------------------------- */

.home-top .widget {
	margin: 0;
	padding: 0 40px 40px; 
}

.home-top .widget:first-child {
	padding-top: 40px; 
}

And you can remove the padding.

---

Tutorials for StudioPress Themes & WooCommerce.

[IanFJ]

Thank you. It's working.

I have put this code in, using the "Additional CSS" option on the "Customize" menu:

.home-top .widget {
margin: 0;
padding: 0px;
}

.home-top .widget:first-child {
padding: 0px;
}

[Brad Dalton]

Good job. You can use that method to modify any of the default CSS rules in your child themes style.css file.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts