Jump to content

KatieEdieChalk

Circle Member
  • Posts

    14
  • Joined

  • Last visited

Everything posted by KatieEdieChalk

  1. Site URL: https://www.vanitybrothers.com Hello, I have tried various solutions to make my homepage video block full bleed on desktop and mobile but am failing miserably. Is anyone able to help? Many thanks, Katie password: vanity
  2. It's fixed. I am extremely grateful. Thank you.
  3. Site URL: https://www.vanitybrothers.com Hello, I have pasted the following custom css to prevent my homepage banner video resizing on mobile. I am left, however, with some padding left and right (see screenshot). Does anyone know how I might remove this in order that the video is full width? The site is vanity brothers.com, password 'vanity'. Thank you, Katie @media screen and (max-width: 640px) { body.homepage .Parallax-item:first-child iframe { width: 100% !important; left: 0 !important; height: auto !important; inset: unset !important; top: 0 !important; height: 200px !important; } body.homepage .Parallax-item:first-child figure.Index-page-image.loaded { transform: unset !important; bottom: 0 !important; height: 200px !important; } section#vanity-brothers-showreel { height: 200px !important; }}
  4. May I clarify the point "you should check original video, I see it has padding on left/right side"? Should I ask the client to prepare the video to different dimensions? How can they reduce the padding, assuming it's relating to the original video preparation rather than the template styling. Many thanks
  5. Thank you very much, that's definitely helped. Is there anyway to reduce the black border (to the sides and bottom) completely? See screenshot.
  6. Hi there, I've been following this thread as having the same issue. I'd like to stop my homepage video resizing on mobile viewing. I've successfully managed this through copying and pasting the code below. I do, however, now have a background black box showing as per the attached screenshot. Any thoughts as to how I might work around this would be much appreciated. https://rhombus-dachshund-pwjt.squarespace.com password: vanity Many thanks. Katie @media screen and (max-width: 640px) { body.homepage .Parallax-item:first-child iframe { width:100% !important; left: 0 !important; height: auto !important; inset: unset !important; top: 0 !important; height: 200px !important; } body.homepage .Parallax-item:first-child figure.Index-page-image.loaded { transform: unset !important; bottom: 0 !important; height: 200px !important; } section#new-page-2 { height: 250px !important; }}
  7. Site URL: https://maracas-reindeer-4jc6.squarespace.com/ Hello, I am looking for some custom code which will increase the banner height of only the first image on my homepage only. The custom settings seem to apply to either all the banner images on the homepage, or the first images on all the pages (which you'll see, on most pages except for the services pages, is now giving me too much white space below the navigation bar and above the first line of text. I've tried a few things from other support threads but, as yet, with no success. Any help would be much appreciated. Thank you, Katie
  8. Yes I can do that. Here you go.... https://recorder-mandolin-lfkk.squarespace.com p/w Squarespacehelper Thank you.
  9. Thank you but sadly it's not working. What do I write instead of 'H1' for the banner heading text? h1 {font-family: 'DELICATESCRIPT'; letter-spacing:'2px'; font-size:50px; }
  10. Hiya Does anyone know the CSS code for Banner Heading Text? I've managed to alter H1 and H2 but can't seem to find the codes for the banner fonts. I'm using the Hayden template. Thank you.
×
×
  • 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.