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
    • Resources
  • 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
  • German Circle Members's Topics

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.leahchandler.ca Hello! I am looking for guidance in creating a semi-opaque box to house my heading text. Is this possible to do? The image and font colour don't mesh well so if I had a text box, it would help the font be more legible. I'm attaching a screenshot from my duplicate website that I'm working on so that if I make a mistake here, it's not messing up my main site. Thanks in advance to anyone who might be able to help! Leah
  2. Site URL: http://overdrive.rocks After browsing the forum for a solution to autoplay the header carousel on our site (https://www.overdrive.rocks/), I added the custom script below. This worked, however, I want to now turn off the nav arrows and if I disable them, the autoplay stops working. How can I get the banner to autoplay AND remove the nav arrows? Thanks! <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $( ( ) => { /* auto click user items list arrow right Version : 0.1d0 SS Version : 7.1 Dependancies : jQuery Note : this effect is not active in SS Preview to test it use private browsing < https://bit.ly/3f6lhq2 >. By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ const clickIntervalSeconds = 6; const dataSectionIds = [ /* to limit the effect to certain page sections, enter data section ids for each page section. the format of each line is a data section id following is an example line. copy the example line below and paste after the example line. remove '// ' at beginning of pasted line. repeat for as many data sections ids as needed */ // '[enter data section id here between single quotes]', ]; // do not change anything below, there be the borg here if ( window.frameElement !== null ) return; // bail if in Preview let selector = [ '.user-items-list-banner-slideshow__arrow-button--right', '.user-items-list-carousel__arrow-button--right', ]; // begin shotgun selector if ( ! dataSectionIds.length ) dataSectionIds.push ( '' ); selector = $.map ( selector, function ( s, i ) { if ( ! dataSectionIds.length ) dataSectionIds.push ( '' ); const a = $.map ( dataSectionIds, function ( d, i ) { if ( d ) d = '[data-section-id="' + d + '"] '; return d + s; } ) return a; } ) .join ( ', ' ); // end shotgun selector const $button = $( selector ); if ( ! $button.length ) return; // bail if no button const click = ( ) => { $button.click ( ); } setInterval ( click, clickIntervalSeconds * 1000 ); } ); </script>
  3. Site URL: https://www.garycastelli.com/ I'm looking to make a full sized, rotating banner gallery for my home page. I wanted to have one like in the example below: https://www.scarletoneill.com/ Any help would be appreciated. Thank you!
  4. Site URL: https://audreykester.com/omika Hello! I attached screenshots to show my issue. The banner image on my page is zoomed up on when viewed on mobile. Although I don't intend to include the entire width on mobile, I do want it to include more of the image like how it is shown on desktop. Can anyone help with the code for this? I've been trying for days and can't figure it out! Thanks 🙂
  5. 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.
  6. Site URL: https://www.byelsapapa.com Hi there, I have realised that on an ecommerce page (or blog) there is not the option to create a banner (like the other pages). I would like to create the same look on my SHOP page as other pages of my website (banner look) at the top of each pages. How to create a banner on an ecommerce/shop page? Is there a CSS code? Or am I missing something? Thank you.
  7. Site URL: http://www.cielolodge.com Hi there - My banner images are not displaying properly on mobile. Only the top part of the image is displayed - not the whole image. On the laptop/desktop the images are fine. I am using the Maple template in the Brine family. Examples are attached. Is there a way to dynamically resize images for mobile? If yes, what is the code and where exactly would I put it? Thank you so much for your help!!
  8. Site URL: https://www.nourish.melbourne Hello SS Community, I am struggling with the layout of a certification logo on my site. I would like the logo to sit to the right of the banner page title. At the moment, it sits to the right but pushes the page title down too far. I had to add a whole new 'section' above the title banner to avoid the logo ruining the payout of my title as the small logo below goes out of shape along with the width of the sub heading. Is there anyway I can make this look neater and eliminate the huge gap above the title but not compromise the layout of all the banner objects? Pages: 'directory' and 'nm for business' Site: www.nourish.melnourne Password: NM2022!
  9. I'm still learning 7.1 after doing a few sites in 7.0. I've created an events collection on a new site I'm working on. The main collection summary page has an image section under the header banner (which then bleeds under the banner, as I want), and before the list of events. However going into a single event page, there doesn't seem to be any way of showing an image in the same way. Ideally I want the event's thumbnail image to show at the top of the page, and bleed under the header banner. Instead all I get is the site-wide colourless banner image. Using dynamic header styling is an option, but not ideal. There seems to be no way to add an image section to the single event page. Am I missing something? Is there a way to make show an event's image on the event page?
  10. Site URL: https://www.ludisinc.com/ Hello, thanks a lot for your content. I was wondering if you can help me to set up my home page web on square space. ( I want a full screen picture that shows some of my projects) with the link to them in case the viwer what to see it. Is that possible? I was trying to find that on the template and I didnt see it 😕
  11. Site URL: https://parrot-conch-h8zt.squarespace.com/home-miller Hi all! I am using Miller to create a website with a forced mobile site so I can have the hamburger navigation menu on the entire site. One thing I noticed is that I am unable to have the branding over the image on forced mobile vs. how it looks on the normal desktop version -- please see attached images. Ideally I would like screenshot 1 branding/background with screenshot 2's navigation menu. Any insight on how to accomplish that would be greatly appreciated! https://parrot-conch-h8zt.squarespace.com/home-miller password: $qu@r3$p@c3h3lp123!
  12. Site URL: https://soonnoon.com/ I want to resize the mobile banner/images and control the height on mobile. Looks good on desktop but full length on mobile. What css do you recommend?
  13. Site URL: https://platinum-begonia-nxwy.squarespace.com/ I would like to make the mobile banner on my site the same height as the phone screen currently its too big. Please could someone help me with some code? Thank you
  14. Site URL: http://www.hannahdooley.com Hi - I am having an issue with the mobile view of my website. If you are viewing the home page or contact page (it only does it for the home page and contact pages) on your phone, and scroll to the right, the whole page moves over and there is a blank space to the right of the page that runs all the way down the screen. I know this has something to do with the coding I found on the internet that allows me to have a banner that scales rather than get cropped. The coding worked great except for this one issue! Anybody know how I can fix this without getting rid of the coding I used for the banner? Thanks for any help.
  15. My problem with a 2k video on a website isn't the sharpness of the image, it's rather that the entire look is flat - highlights are not clean, and the shadows are muddy. Can anyone offer any suggestions? The video on Vimeo: https://vimeo.com/707522094 The video on the website: https://bluedoorcafebakery.com Thanks!
  16. 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!
  17. Site URL: https://www.thebluntknife.com.au/ Hi, I want to create a click through URL on a banner image. Is there code I can use in this instance? Thank you!
  18. Site URL: https://www.innovo.plus/ Hey All, I have an animation in my sites main banner that looks great via desktop but on mobile it's not getting resized properly - the animation is partly offscreen. I have attached some screenshots for explanation. As you can see in the mobile view you can only see a small segment of the actual board. Any help is greatly appreciated! -NG
  19. Site URL: https://quillfish-silver-hc63.squarespace.com/home Hi there I am wondering if I can add a different banner for my homepage as the current one works on desktop but the wording gets cut off on the mobile version? I have added 2 banners one that suits each device - is there some CSS code to be able to hide the top one on mobile and hide the bottom one on desktop? Thanks in advance
  20. 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
  21. Site URL: https://quillfish-silver-hc63.squarespace.com/home Hi there I am wondering if I can add a different banner for my homepage as the current one works on desktop but the wording gets cut off on the mobile version? I have added 2 banners one that suits each device - is there some CSS code to be able to hide the top one on mobile and hide the bottom one on desktop? Thanks in advance
  22. Site URL: https://conch-buttercup-ghb2.squarespace.com/config/ Hi, I have added an image to the top banner on the desktop view but in mobile view when it resizes to fit the screen it shows just a section of the image. Is there a way I can get the banner to resize but keep the full image? I looked at the square space guides and they say to resize my images to betwrrn 1500 and 2500 pixels wide but this is not working. Looks great on the other image placements but not in the banner. Many thanks, Kelly
  23. My home page image is a photo that has a logo and type overplayed on top. The logo and type are pure white. When I import this image into Squarespace, the logo and type appear light gray. I've tried saving the image as a JPG and PNG – same result. Any ideas?
  24. Site URL: https://cloudaviationcorona.squarespace.com/ Hello, Total noob here needing some assistance! Is there a way to change the navigation option on "Headlines" Banner Slideshow to Bullets instead of Arrows? Current navigation is like this with arrows on each side: And the goal is to remove the arrows and replace with Bullets like below, similarly like what "Gallery" Slideshow: Full option has. I've considered just using the Gallery but it does not have the option to have a Button within the image itself like the Headlines do. I am fine with using either, as long as in the end, it ends up with Bullet navigation with Title, Caption and Button within the image. Thank you in advance!
  25. Site URL: https://www.sayuriichida.com/ Hello, Can anyone please help me with disabling video background only in mobile view? I have tried most of the CSS found on similar topics, but none worked on my website. The background video gets cropped weirdly on mobile, so that I would like to hide it. I was able to disable the video with some CSS. However, it hid the project titles altogether, which are located in the centre of my homepage. Thank you very much in advance. Best regards, Sayuri
  • Create New...