Delete padding around video on home page – reply

Tagged: padding video homepage mobile device section

This topic has 8 replies, 2 voices, and was last updated 8 years ago by Wes.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
April 1, 2016 at 10:30 am #17650
Gregorio
Customer
Wes, again BRAVO!!

Super thanks, we’re almost there, how do I make the opening homepage video fit totally flush at the bottom (no background photo)?

I’m bouncing around my tech man cave jumping up and down, this and latest 5 websites are beyond fantastic.

Thank you so much,

Gregorio
April 1, 2016 at 10:39 am #17651
Wes
Moderator
You can remove the margin-bottom that shows up under the widget area by adding this –
```
.front-page-1 .flexible-widgets .widget {
	margin-bottom: 0;
}
```
Let me know if that works
April 1, 2016 at 10:41 am #17652
Wes
Moderator
Also, you’ll need to add those adjustments to your responsive CSS section as well so it shows up right on Mobile Devices.

BTW, hit your Reload button on your browser if the Reply box doesn’t show up on Forum posts. That will clear the cache and make it appear again.
April 1, 2016 at 12:10 pm #17653
Gregorio
Customer
WOW! It’s alive!!…

I’m speechless, what a beautiful tool. Looking good.

See: http://GJF360.com

I’ll be adding homepage video to my Aspire Pro and Guru themes, now I clearly understand where and how to apply your excellent coding.

Thank you so much,

Gregorio
April 1, 2016 at 8:01 pm #17655
Wes
Moderator
Nice!

Quick question, did you want to remove the background image from showing up when the site/slider loads? If so, you could either upload a blank, or black background image in the customizer, or add some CSS to override the image from showing up.

Just let me know if you want to do something like that and if you need assistance with it.
April 2, 2016 at 12:10 pm #17659
Gregorio
Customer
Once last item and I’m good to go.

You mentioned, ‘add coding adjustments (previous threads) to my responsive CSS section as well so it shows up right on Mobile Devices.’

What line should I add above content? I’ve searched for the Mobile section but can’t seem to locate?

I’ll get right on top of it. Super thanks,

Gregorio
April 3, 2016 at 7:57 pm #17667
Wes
Moderator
Add the following code under this responsive section in your css – @media only screen and (max-width: 800px) {
```
.front-page-1 .wrap {
    max-width: 100%;
    padding: 0;
}

.front-page-1 .flexible-widgets {
    padding: 0;
}
```
April 4, 2016 at 1:30 pm #17672
Gregorio
Customer
Wes,

Thank you! I’m a devoted fan.

Take a look: http://GJF360.com

I’ll be adding the same to Aspire theme later today.

Let me get busy writing copy and design customizing.

Gregorio
April 5, 2016 at 9:20 am #17676
Wes
Moderator
You’re Welcome!

Keep me updated when you get everything done – https://appfinite.com/forum/showcase/
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Delete padding around video on home page – reply’ is closed to new replies.