Jump to content

Newbie looking for help with resizing video

Go to solution Solved by Lesum,

Recommended Posts

Hi,

I know nothing about CSS but it seems that this is the only way to get the video at the top of my site to size up to the full width of the screen.  Can anyone here please help me with how to code this adjustment and how/where that code is placed?

 

Thanks very much,
Jon

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

@jonornot You can add this code snippet under Website > Pages > Website Tools > Custom CSS.

section[data-section-id="60b2958b71ea826d88cbb7b8"] .content {
    width: 100% !important;
}

section[data-section-id="60b2958b71ea826d88cbb7b8"] .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

section[data-section-id="60b2958b71ea826d88cbb7b8"] [class*=sqs-col] .sqs-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

section[data-section-id="60b2958b71ea826d88cbb7b8"] .sqs-layout > .sqs-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment
  • 4 weeks later...

Hi Sam,

Can I ask you another question about the same site? (lostintheshuffle.film) I've now get seven menu items to the left of the title in the header and none to the right, is there a way to move three of them to the other side of the title so things look more balanced?

Thanks!

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.