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

Search the Community

Showing results for tags 'banner'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.roydenniessigns.com/ Hi I am currently creating a website for my workplace, I have almost finished the site but unfortunately I am having trouble with the website banners in tablet and mobile view. I was hoping that someone would be able to help me with a custom code to make the banner fit in mobile and tablet, I would also like the banner images to be displayed in portrait. Edit - I have added two images of how I would like the banners to appear in mobile view, if you can help me achieve this it would be much appreciated Thank you in advance.
  2. Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance.
  3. Im using the headlines new slideshow banner and I would like to change the arrows. 1. Remove gray background 2. Make the arrow black. 2. https://omriharmelin.squarespace.com/new-page password: OMRI Thanks!
  4. Site URL: http://www.breemelanson.com/beyond-form Hi there, The banner at the top is the right size but I have two other banners on the page and am unable to resize them on the mobile view. Can some one help or @tuanphan Thank you!
  5. Site URL: https://motoeconomista.com/ Hi there, I was wondering if anyone can help me modify the navigation buttons that seem fixed for the Banner Slideshow module as shown in the screenshot (black background). For some reason they're round and filled instead of outlined, which is inconsistent with the rest of the design template. I'm pretty sure the template I'm using is Euclid. I'm wanting to get them closer to something in the screenshot of the newsletter sign-up button (red background). Any help would be much appreciated. (On a side note, does anyone know a decent way to create a text-only slideshow, all the available modules with this template seem really clunky and ill-fitting no matter how much I move around the spacing and padding?) Thanks, Alex.
  6. Site URL: https://carnation-marlin-cj9t.squarespace.com/ The background color behind this image should match the background color of the rest of the page, but I keep seeing a white bar. Sometimes the bar shows up as a skinny line at the top of the image, sometimes at the bottom as a thicker line. I've changed the section height, overlay opacity, and theme color for this section and I can't seem to resolve it. I do have coding in there to create the parallax effect, but I don't see this issue anywhere else on the site.
  7. Site URL: https://carnation-iguana-b4lt.squarespace.com/ Hi, Sorry, I know this is a question that gets asked a lot but none of the supplied solutions seem to work for my site, so I would really appreciate your help please! When I view the banner image in mobile view, I lose half the image (see attached) that shows on the desktop version (see attached). I've tried adding the various codes that have been suggested, but none seem to change it. I'm not sure if this has something to do with the fact that there is already code within the Custom CSS field (see attached) - would this be an issue? Any help you can offer to get this sorted would be greatly appreciated, as I seem to have spent hours trying different solutions! My site url is: https://carnation-iguana-b4lt.squarespace.com/config Many thanks. Justin
  8. So I am building a website using the Impact template in the Brine family. I kept much of the original formatting, as it worked well for my client, including the large block header 1 format. However, one of my banner page titles has a word ("recreational") that is too long for the mobile view and getting cut off or wrapped mid-word (I included a screenshot). How do I change the font-size only on this page, and only for the mobile view? I don't want the font-size to change on the full-screen size; and I want the other mobile-view page title font-sizes to remain the same. Site: Recreational Therapy page
  9. Hello Everyone, I have no real experience coding and I want to ensure the image seen on the desktop view is roughly the same size on mobile. How can I do this?
  10. Site URL: https://www.venueretreat.com/blog/luxurious-wedding-event-venue-malaga-spain Hello everyone, I have added code to my blog posts so the thumbnail can appear as a banner on the blog post as for some reason on this template you cannot add banners for your blog posts which in my opinion looks very unprofessional. Not only that, my logo has white in the it meaning when a client clicks on a blog post you cannot see my logo, again this looks terrible. Example So after finding some code to rectify this situation I realized the banner only shows when you refresh the page, not when you first visit the page. Can anyone please help me with this matter, maybe I need to use different code. Thank you very much in advance.
  11. Hi All, I have a mostly white logo as a header throughout my entire website. As a result, on the blog post pages half of my logo blends into the white page background. I have an alternative logo I can use, does anyone know how to JUST insert an alternative logo for blog post pages? I've found other CSS for inverting, but that does not work on my logo since only part of it is white. I Here is an example of my logo blending into the background, along with an example of the alternative logo I wish to use. Thanks for you help!
  12. Site URL: https://www.nicolemarkwick.com Hi folks, Does anyone know how to: 1) Customize the way a parallax banner background image appears on mobile (narrow screens)? Specifically, I'd like to be able to "zoom" in on a background image a certain % and set the position/location of it on the screen when in mobile. 2) Add a transparent overlay to a banner only on mobile, so that text on top is clearer? 3) Is there a way to make a parallax banner invisible on mobile? Some specific examples below: The banners look neat on desktop but look pretty horrible on mobile! I'd like to use the left half of the first background so it's all photo (then figure out how to make "What clients say" have a while background....next steps!) and get rid of the background completely on the second image. Thanks a million!
  13. Site URL: http://www.palpable-media.com Please please help: VIDEO BANNERS NOT DISPLAYING AND CUSTOMER SERVICE NOT HELPING Problem: I paid A LOT of money to license expensive video for my site banners. BUT THEY DISAPPEAR in mobile!!! the mobile site displays lots of EMPTY SPACE on mobile where there should be video content This is business critical: Part of our work is events and tech so we need to SHOW the work!! Can someone please please help?? Whenever I contact customer service I get lame excuses, and irrelevant links. I feel like if they cant give me a functional site I want a discount because this is hurting my business!!! We already went over-budget on the website and no clients yet so I cant really afford to spend more to get someone external to fix it.... THANK YOU FOR YOUR SUGGESTIONS!!! p.s. WTF Squarespace? THIS IS NOT A NEW PROBLEM - Stop blaming this on Vimeo, youtube: you clearly cant seem to fix this - Ive seen posts that go back years. This is bad. And your customer service is THE WORST. GoDaddy has the BEST customer service, people who answer the phones and fix problems asap. This whole process has been a nightmare.
  14. Site URL: https://www.sweetteahostess.com/products/low-country-boil Hello, I'm trying to add a header image to each category page within a 7.1 shop. Currently, if you add an image it appears across the entire store. I would like each category to have its own image. For example products > low country boil would use one image while products > oyster roast would use a different image. Currently, we achieve this by creating standalone pages using a summary block. But this creates competing pages. Ideally, from an SEO standpoint I would like to avoid this and use the shop pages. But having a distinct hero image on each page is a priority. Appreciate any thoughts.
  15. Site URL: https://www.questiongamification.com Hi all, I've been updating my custom banner slideshow and for some reason the images won't resize for the mobile version of my site. Same thing goes for the buttons on the banners, I wish I could resize them to become smaller for mobile. Is there someone who could help me out? I'd appreciate it immensely! - Laurens
  16. Site URL: https://www.shopakemi.us/ I have three images side by side on my homepage and I'd like for them to stay side by side when my website is being viewed on a mobile device but right now, when I go into the mobile view, it puts two photos side by side and one photo underneath them. How can I keep the photos side by side in a mobile view? Thank you!
  17. I am working on two sites, using Marquee and Dovetail. I would like to create a rotating banner image on the home page for both. Currently, I am just using the thumbnails for the banner image, but would like it to be more captivating. Can anyone point me in a coded and detailed direction on how I could do this? My coding skills are minimal, but I can follow directions. Thank you!
  18. Hello, I am working on a website where I need to add a video from Youtube as a Banner. Everything works fine but the quality of the video in the banner is really low and all pixelated. I'd like those to be at least at 720, better at 1080. How can I fix this? This is the video I am embedding: I've tried with this URL: https://www.youtube.com/watch?v=BIIJXp-gumY and with this: https://youtu.be/BIIJXp-gumY Thank you!
  19. Site URL: https://huggle.tech Hi everybody, The template that I choosed has a grey background for the header and main section. At the bottom part, I don't want a footer, but there is a white banner and I don't know how to delete it (you can see the screenshot) I can upgrade the Height of the main section, but I will have a mouse scroller and I don't want it to 😞 How can I put a grey color for the all background please ? Thank you and have a good day, Yours sincerely, Julien.
  20. 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!
  21. Site URL: https://www.auxart.net I can add a video but the sound will not be read. Is there any CSS code I could use to have a video with audio playing as my banner background? Also the video is sometimes not read on mobile devices depending of the browser versions. Any ideas on how I can counter that? Thanks very much! Sarah
  22. Site URL: https://earthboundbabies.squarespace.com/ Hiya, I have edited css so that the top image banner on this page: https://earthboundbabies.squarespace.com/hypnobirthing-faq s shorter in mobile view. I like the height of it, but I don't like how it's cropping her face. I made the focal point higher in the image format box (on desktop) but it's not changing for mobile. Any suggestions greatly appreciated 🙂 password: hello123 CSS I used: @media screen and (max-width:640px) { section[data-section-id="6005c075dea472688fcc70eb"] .section-background img { width: 100% !important; } } @media screen and (max-width:640px) { section[data-section-id="6005c075dea472688fcc70eb"] { min-height: 60vh !important; } }
  23. Site URL: http://www.christschurchtesting.squarespace.com I want the banner on my home page to have bigger, bolder text than the banners on other pages. Is it possible to change the font size or weight on individual banners? If so, what are the steps?
  24. Site URL: https://www.formatt-hitech.com/ Hi, I currently use the Five template. I would like the option to have a scrolling banner on my homepage. I cannot see a way to do this. Is there an option for this available on this template. Many Thanks
  25. Site URL: https://brass-sepia-454p.squarespace.com/ Hi, I'm trying to create a custom section borders by creating an image and positioning it above the section. I created an SVG wave here: https://getwaves.io/ and get this code: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#74C2CB" fill-opacity="1" d="M0,64L80,85.3C160,107,320,149,480,154.7C640,160,800,128,960,122.7C1120,117,1280,139,1360,149.3L1440,160L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg> and I'm using this code to place it on the page: #your-section-id-here { background: #DE551B; overflow: visible; &:before { content: ''; width: 100%; height: 100%; background-image: url(ADD URL); position: absolute; background-size: 100%; background-repeat: no-repeat; background-position: bottom; top: 0; margin-top: 1px; transform: translateY(-100%); pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } &:after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url(ADD IMAGE URL); background-size: 100%; background-repeat: no-repeat; background-position: top; margin-bottom: 1px; transform: translateY(100%); position: absolute; pointer-events: none; z-index: 1; @media screen and (max-width: 800px) { background-size: 200% 50%; } } } Question is: where does the SVG wave code go into the CSS code? The CSS asks for a URL but I don't have that. Is there a fix for this?? Thanks!
  • Create New...