CSS for a few things. Footer layout, Home Page Video, and color background for specific area.

www.timelessweddingfilms.com

Password: weddingday

So I'm looking for a few things here. 

First and most import probably is the video on the main page.  I am trying to get it to span the width of the screens for PC, Tablet, & mobile, and show the full dimensions of the video without the black bars on top and bottom that seem to be showing no matter how I resize the block.

Second, I can't seem to figure out how to get the footer the way I want it.   Currently it is stacked.
I would like everything centered in its columns and relative to the site, but in a column layout where I have the business info stacked on the left, the navigation linked in the middle but kept it its horizontal form if possible, and then the social links on the right.  When I try to even put it in the stacked form it looks weird to begin with and without any sort of way to move them at all.


Third, I am trying to figure out how to extend or have a color background strip across the width of the page in a specific area.  I couldn't figure out a way to create what I wanted on the site so just made an image but I want to extend the gray background.

I've added some custom CSS for a few things already but I'm sure some of it needs to be fixed maybe.

Also hoping there is a way to make the two gallery blocks on the home page the width of the site as well.  AND when I view it in mobile mode they show up differently between the two for some reason.  the first one is all together and the second one has a space between the photos.  Is there a way to make it so the photos show one by one stacked in mobile view the width of the phone instead maybe?

Any help for these three things would be greatly appreciated!!

On 5/19/2022 at 6:57 AM, AdamSupra said:

www.timelessweddingfilms.com

Password: weddingday

So I'm looking for a few things here. 

First and most import probably is the video on the main page.  I am trying to get it to span the width of the screens for PC, Tablet, & mobile, and show the full dimensions of the video without the black bars on top and bottom that seem to be showing no matter how I resize the block.

Second, I can't seem to figure out how to get the footer the way I want it.   Currently it is stacked.
I would like everything centered in its columns and relative to the site, but in a column layout where I have the business info stacked on the left, the navigation linked in the middle but kept it its horizontal form if possible, and then the social links on the right.  When I try to even put it in the stacked form it looks weird to begin with and without any sort of way to move them at all.


Third, I am trying to figure out how to extend or have a color background strip across the width of the page in a specific area.  I couldn't figure out a way to create what I wanted on the site so just made an image but I want to extend the gray background.

I've added some custom CSS for a few things already but I'm sure some of it needs to be fixed maybe.

Also hoping there is a way to make the two gallery blocks on the home page the width of the site as well.  AND when I view it in mobile mode they show up differently between the two for some reason.  the first one is all together and the second one has a space between the photos.  Is there a way to make it so the photos show one by one stacked in mobile view the width of the phone instead maybe?

Any help for these three things would be greatly appreciated!!

I check that the black color on top and bottom already has in the video

7 minutes ago, bangank36 said:

I check that the black color on top and bottom already has in the video

That's the thing.  It doesn't, but every platform to upload to so I can embed it adds it because of the dimensions I guess.  

OK, so I figured out the background color for a section...

The home video I think I have sized right on desktop version, but tablet and mobile still have problems.

And still need the footer solved if possible.

anyone with ideas?