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

Search the Community

Showing results for tags 'banner'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 158 results

  1. Hi! I am trying to make my home page banner text appear from 40%-ish opacity to 100% opacity on top of the picture (picture will not be animated) when you open the website. I'd even settle for a hover animation to have the text appear over the image. Anyone know of some custom CSS to help me?
  2. Hi, I am using the Bedford Template and I wanted to set the padding between the banner and the site content to 20px. I want to lower the blank white space between "Snow Special" and the end of the picture. Link to my webstite: https://www.singhlimoutah.com/ Thank you!
  3. How do I remove the banner image on a page in mobile and/or tablet view using the Mojave template? https://www.jarnanaturbruksgymnasium.se/ Thanks for your help. Kind regards, Ronald
  4. New to this but what templates give the most options for video banners like shown in this video: https://youtu.be/cAxzkwr1lk0 Thanks for any help...
  5. Does anyone know how I can change the banner height on my homepage slideshow banner on the Bedford template? I know this question has been asked a few times. There seems to be codes flying around that will change general banner height, but not the slideshow banner height on the homepage (top banner) specifically. Any help would be amazing, thanks!
  6. Thanks for looking! I'm a designer. It's my first go using Squarespace & the Brine template. I have a page within an Index with a background banner image (just a slab of black in this case). When I create a link to that page in the Footer Navigation the background banner no longer sits behind the whole page. Annoyingly it is contained within a strip across the top of the page, and the site-wide colour is the rest. (I've noticed this is the case for any page pulled from an Index that contains a full bleed banner image.) How do I keep the banner background image behind the whole page? I've used a little CSS to customise fonts, spacing, make the header sticky — nothing too tricky. When I delete all my CSS the problem still remains. https://mela-draft.squarespace.com/config/pages I've attached screen captures of the intended look (all-over black background) and the way it looks with just a strip at the top & the site-wide colour background (cream).
  7. Hi. I'm attempting to change the opacity of my banners on mobile as the parallax is falling too far behind the text and making it difficult to read. Can anyone advise a CSS injection that would change the banner opacity on mobile only so that the banner is more faint? Many thanks in advance,
  8. Hi! Does anyone know how I can add padding to a banner background video? I still want the video to be on a loop playing and parallax scrolling but I don't want the video to fill to the edges of the screen. Is there some CSS I can add?
  9. Under colors > sitewide > background overlay I can set the color to black, but is there anyway to make the overlay darker? I need something like: background: rgba(0, 0, 0, 0.7) And cannot find the element to change in inspector tool. This functionality existed with 7.0 iirc.
  10. Hello, I'm working in the Bedford template and I don't like how it displays the thumbnail image as a banner. I know how to hide the banner in custom CSS, but what I'd like to do is change it's shape. Rather than be the full width, I'd like it to be a rectangle centered in the middle. Any ideas on what CSS I'd need to accomplish that/ if it's possible? Thanks Toby
  11. Hey there, I have used squarespace before to make a site, however the group I was making the website for had already decided upon a template. They used the Bedford template and It did what I wanted it to do, but at times it just wasn't flexible enough. Now I am being given a specific design that looks very similar to Bedford but slightly different. I wondered if anyone here knew of a template that would be most conducive to me implementing the images that I am posting. Having proper headers, a menu bar above the menu bar, a sidebar, but only on specific pages, a footer and a pre-footer, divs with their own colors that you can put blocks in and images, etc. Thanks in advance.
  12. Can anyone please give me CSS code to either: a) remove the banner from all blog posts in the Bedford template, or; b) remove the blog title overlay from the banner and give the ability to use a different image for the banner on individual blog posts, not automatically use the blog thumbnail As you can see, the blog thumbnail just doesn't work for my blog posts. Thank you in advance for your assistance! Sincerely and warm regards, Melissa Dor Membership Director - Rotary Elizabeth Quay
  13. Is there any way to hide the intro banner section on the "FILTERED BY..." results page? Page example: https://theveil.squarespace.com/events?tag=Scott's Addition Goal: Hide the "Upcoming Events / Filter by location: ...." section at the top of the page, so the first thing you see is the "Filtering by: Scott's Addition" header. Template: Royce
  14. Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
  15. Hi guys! I am wondering if someone can help me figure out how to add a banner to the individual product pages. Right now there is no banner and it messes with the whole navigation system on those pages. Additionally, I'm curious if there's a way to change the background for all of the individual product pages to white and the text to black. Here's an example of a product page I am talking about: https://penguin-roadrunner-4c8m.squarespace.com/main-products/ct-sharps-container-hoop-brackets Password is: Skyfall77
  16. Hi. I need my header to be a solid white background. Immediately below the header, I need an image that fully bleeds to each side of the screen. It seems the only way to do this is with a banner image. When I add a banner image, it also stretches up behind the header, replacing my white background. I've spent hours dealing with this and its incredibly frustrating since it should be the simplest thing to do. Please help!
  17. Hi all, I'm working on template switch to Brine and I have noticed that Banner images or video isn't centred. On banner image I move dot(focal point) to the bottom but it still cuts out bottom the same is for banner video, it shows black bar of the video at the top and cuts Video at the bottom. I have tried everything but no luck, I'm not a coder and desperately need CSS to move video up a little bit. Thanks in advance
  18. I've currently drafting/creating a Cookie Banner for GDPR reasons, and was wondering if it's possible to add an 'X' button to close/ignore the pop up should users not wish to give consent? I can't seem to find any other style adjustments for this purpose. You can see from the screen shot that I'm trying to use the Cookies banner to allow the website user to give consent to analytic cookies + data collected via contact forms, where analytic data is turned off by default, but it would be helpful if there was a 'close banner' button if users did not want to give this type of consent and to 'hide' the banner, so to speak. I realise this is somewhat of a work around instead of using a third party app/code to create a more detailed GDPR banner, but nonetheless I was wondering if this was possible, and/or if anyone had any other genius solutions/examples that have worked for them. Any advice would be super helpful and much appreciated :) Thanks in advance J.
  19. Hello, Firstly, thank you to the various contributors and the community on this forum for the numerous times I've found solutions whilst customising my squarespace website. I'm using the Bedford template, and have created a slideshow banner on the home page. As standard the images and overlaying headings fade in and out. I wanted the text to remain static. I fixed this issue with the below custom css, which works fine when viewing the site on a desktop. However this doesn't fix it when viewing on a mobile device, and the text transitions in and out with the image. Can anyone help me out? Link to site: https://www.candelastudio.co.uk/ Thank you /*Removing fade transition from index gallery */ .sqs-active-slide { opacity: 1 !important; }
  20. Hi- I am trying to use an all together different image for my homepage banner image on my Aria site. www.aniwa.co The desktop image is horizontal based, so for mobile it cuts off and regardless of the coding it will be cut off too much. I have a vertical version of the homepage image that I want to display on mobile. Anyone have a CSS code for a all together different banner image on desktop v mobile? Thanks! Danielle
  21. I need to stop my banner image from zooming in a ridiculous amount. AFAIK it's not an issue with the size of the image and I am aware of the focal point. How can I stop Squarespace from resizing my banner image so drastically and just use the full image I upload as the banner?
  22. i'm trying to build my own website but i would like to edit my mobile version of it. so i wish to have the menu and the logo on top of my image banner on the top. i provide examples
  23. My banner is not appearing on my item page. I need to add custom code, that would reveal the banner on your item page. Any ideas?
  24. Looking to remove the banner on just one page of the Jones templates, not all of the pages. The direct link to the post that I am attempting to do this for is here https://www.parleyave.com/geofilters. Thanks in advance!
  25. I have banner videos on my index pages and they look great and load with minimal delay on computer, laptops and phones older than iphone 10s. HOWEVER, iPhone 10XR and 11 and newest samsung doesn't play the videos at all (defaults to mobile fallback) AND even refuses to stack page images and text the way all the other older iphones do. Anyone else experience this too? Any hacks or fixes??
×
×
  • Create New...