Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Video Background - Having it to display full screen (including site's header)


Recommended Posts

For some reason, my website doesn't showcase a full video background when i select the media on the homepage.

It only affects the selected section, i want it to be affecting the header too.

This is what is happening right now:

imagen.thumb.png.93e157e98d22d535d728c3bba3639102.png

 

This is what i want to achieve:

imagen.thumb.png.afbf688486201c2485a84412a14363a5.png

 

Can somebody point out the problem? As i understand squarespace 7.1 themes are all capable of doing the same in terms of styling, i watched youtubers and they just simply click on the section settings, add the video and automatically everything fits for the whole screen. I need help, it's driving me nuts... thanks in advance though.

 

Link to comment
  • quirze changed the title to Video Backround Problem
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Hi. Can you share site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • Susana_SQSP changed the title to Video Background - Having it to display full screen (including site's header)
8 hours ago, quirze said:

@tuanphan hey the website url is: www.c2ny.com

and the pw is: websitevideo

 

thanks!!!

Hi. I don't see video. Can you add it?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
On 6/12/2021 at 7:06 PM, quirze said:

Added! @tuanphan

Add to Design > Custom CSS > Then save & reload your site

/* Home video background */
body.homepage article section:first-child {
    padding-top: 0 !important;
}
body.homepage header#header {
    background: transparent;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
22 hours ago, quirze said:

@tuanphan Thanks! May i ask why is not doable with the common way, using the 7.1 interface?

Edit Site Header >> Colors > Enable Transparent Header

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...