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


  • 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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 273 results

  1. 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.
  2. Site URL: https://seal-emu-y3pf.squarespace.com/ I am trying to add a background shadow to my banner text (the title and possibly subtitle). I found different CSS codes for shadows, but I am not sure how to get them to work (not working to copy and paste into Design/Custom CSS as doesn't properly specify which area it's targeting). Thanks!
  3. Site URL: https://www.sarvacenter.com Hello! A site I created is loading incorrectly in Safari - initially, the banner text is too high and the banner image stops short. This only happens when a user first lands on the page. Once you refresh or open the page in a different window/tab, it load correctly. It appears to only happen on the homepage. https://tiger-cobalt-x42w.squarespace.com Any ideas what might be causing this glitch? Thank you!
  4. Site URL: https://www.peterberzanskis.com.au/ Hi, I'm working on a new site using the Brine template which I've used before and not had this problem. I can't seem to adjust the width of the text box in the banner. There are no spacers either side and the text box seems to be at a default size that I can't change. I've checked in Site Styles and can't find a solution there. Thanks
  5. Hello, I'm looking for help with getting a border on the bottom of my banner pictures on every page. I have a used the border for the bottom of the header to butt up against the images, but want to match it on the bottom side. I was using in the custom css but can't seem to find how to add that to apply to the banners. Thanks for any assistance!
  6. Site URL: http://www.tradalbrazil.com.br/empresa#new-page-2 right, my problem is this .... my pages contain more than one banner, each with a different background image, but shows the first page image on each page banner. In addition, when the page scrolls, the image disappears. this is happening on every page help me please
  7. Site URL: https://rabbit-indigo-e9dr.squarespace.com/config/design/custom-css Hi! I'm trying to build out a prototype for a client in squarespace, and have struggled a bit with custom CSS (total novice). I've attached a PDF of my desired layout (build in InDesign [shame on me]) as well as a screenshot of the resulting index page within the Bedford template. My question is: Can I set banner text as H1, H2, H3 with CSS? If so - any ideas re: the code I would need to add? I'd love for the top to be left justified, large and orange; The second to be left justified, smaller, blue, with enough padding to clear the woman's face and the third to be centered and white Any suggestions outside of custom CSS that you think would help? Maybe posters or collages? Super specific and annoying, but figured it couldn't hurt to ask. Appreciate any and all direction you may be able to offer as I am absolutely at a loss on this!
  8. Hello all - I am trying to add a banner on just the blog index page. I was able to achieve this, however I am not able to minimize the height. If I try this on any other page, i succeed but not on the blog index page. Any help is appreciated.
  9. Site URL: https://www.kvinnohistoriska.se/aktuellt Hi all! I'm stuck at a problem when working on one of my sites. The page banner text size is for some reason tiny in mobile view, and I can't seem to come up with, or find, code to help. The banner image (which is just a .png in the color I want as background) is also way too high, I would like the text to be much bigger but the banner much shorter. https://www.kvinnohistoriska.se/aktuellt I've tried this code below but it doesn't work, even if it works for changing color, font etc. Just not the size. @media screen and (max-width: 960px) { .desc-wrapper p>strong, .desc-wrapper p>em>strong { font-size: 37px; } } I would really appreciate some help ❤️
  10. I'd like to customize the width/size and positioning of the text area that overlays on top of the slideshow banner of this site so it doesn't overlap on the headshot. In the attached screenshot, I've drawn a yellow box to show where I'd like to move the text. I'd like it to go to the left and be a bit shorter in length so the sentences aren't as long. I'm very much a novice at CSS and have tried a few things that I've found in the forums, but I have not found anything that seems to work for me. Any suggestions? I'm using the Bedford template. http://seadragon-pear-6ndb.squarespace.com Password: op1
  11. Site URL: https://bronze-mackerel-t9gc.squarespace.com/ I've built a dozen websites on Squarespace and am building my first one with the new style of templates. I currently am using one called Almar. I'm trying to create a slideshow banner (multiple images with arrows) with text and a button over the image. According to Squarespace this template and the current gallery settings do not support that. Based on the settings, slideshows do not allow text on top of them and the image will not work with the navigation (bleeding into the navigation area). Basically a slideshow sits below the navigation, and allows no text on it. Looks like I will need some custom code. Any ideas or help? Thanks! -Ryan
  12. Site URL: https://www.huesofcomfort.com/blog Hello all - I am trying to add a banner on just the blog index page. I was able to achieve this, however I am not able to minimize the height. If I try this on any other page, i succeed but not on the blog index page. Any help is appreciated.
  13. Site URL: https://www.shelterislandchamber.org/parking-info I would like to remove the blue banner completely from this page. Any help would be greatly appreciated thanks
  14. I current have a Vimeo video added to a banner on my website (added via Page Settings > Media > Video URL). The video looks great on desktop, but on mobile the text is too wide for the mobile screen and so is chopped on each side. Therefore I would like to add some custom code so that on mobile view, a different version of the video that I have produced that is mobile friendly (the text is stacked up more so it can fit the mobile width). I am comfortable with media queries, but am struggling the URL override. I've done some digging around in the html and found this: <iframe id="vimeoplayer" src="XXXXvideoURLXXXXX" style="width: 2112px; height: 1188px; left: -96px; top: -157px;" class="background-video ready"></iframe> Which might be some use? Any help appreciated.
  15. Hello! I'm looking for a way to resize the banner image on mobile. It zooms in way too much. I'm using the Hunter Template. See attachments for desktop vs mobile view. Any help is appreciated!
  16. Site URL: https://lrcss.com/stone-soup-2020 Hey all, The banner image on my page works fine in squarespace but when I exit to view the site on my browser it crops in the menu. Anyone have a solution?
  17. Site URL: https://www.glintcompany.com/ Hello, I'd like to slightly reduce the height of just my mobile banners. How can I do it? On the other hand, the height of the desktop banners is already fine. Thanks,
  18. Site URL: https://greg-holland-2020.squarespace.com/contact I am trying to make an iframe fill the banner so it looks more seamless...is it possible? https://greg-holland-2020.squarespace.com/contact pa33word It's on the contact page towards the bottom. Here's hoping someone can help 🙂
  19. Site URL: http://www.laytonsvillevet.com Hello! I'm using the Harris template, and have a very wide full bleed banner (500px height) on my desktop site. For mobile, I'm searching for something that looks a little better. I'm wondering if it's possible to override the page.banner.wrapper image for screens under 400px to a different banner URL image that is square, rather than elongated. Here's what I was working with -- I could see the new background come through momentarily, but then as the template background fades in quickly overtop of it, so it is replaced with the elongated image I would like only visible on desktop. If all else fails, I'll just do some media screen CSS to change the height, but I just think this would look nicer. Any help is much appreciated! <style> .page-banner-wrapper { height: 500px !important; } @media screen and (max-width: 400px) { .page-banner-wrapper { background-image: url("https://i.imgur.com/6XIwav6.png") !important; } } </style> Here is the image I'd like override the desktop banner background on the mobile site: https://i.imgur.com/6XIwav6.png
  20. Site URL: https://www.beaconex.io/ At one point of time, I setup the banner video to be a link to a youtube video. I then realized that it was not something I wanted so I tried removing the url. I'm unable to remove the url now and it always continues to show this banner video. It won't let me delete the url that shows for the video in the Media section of the Page setting. I just want a background image and not the background video. How do I remove the video? This should be a no-brainer but I'm surprised that this hasn't been addressed. What am I missing?
  21. Hello, I'm using Sofia template. I would like to design a secondary navigation page as it is in the home page: separate banners organised as sections, each section is in a different color (2 colors of backgrounds, changing from section to section). How do I do that? Thanks!
  22. Hello, does anyone know if it's possible to keep a banner image the same proportions on mobile and desktop, so it doesn't crop to a vertical image? Instead using a single colour to pad out the top and bottom. This is an example of what I was looking for: https://wishfullystudios.com
  23. Site URL: https://ticket-channel.squarespace.com/ Hi there! I am using a banner image on my clients website. But on mobile it's cropping pretty badly. Is there a way for me to upload a different image size on mobile compared to the desktop size? thank you!
  24. Site URL: https://stephenmontague.com Could someone kindly help me with the css to change the gallery style on a specific page: to have a gallery show as a slideshow banner on one page only, while having the other galleries show as grid in the Horizon template? Ideally I would like a slideshow banner under the ABOUT index page, but leave the galleries elsewhere as grids. Thank you!
  25. Site URL: https://agicreative.com/info/team/chrismathews Site Password: password (in development) I am trying to remove the banner overlay color on our team bio pages, but don't want to affect the rest of the site. I have found Custom CSS code to do this with other templates, but I am not having any luck on my site. Does anyone know how to do this on Impact?
  • Create New...