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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 388 results

  1. Site URL: https://www.ncdcma.org/ There is an awkward white space at the top of all blog posts and events (not the main event page, but individual events). I've tried hiding the banner, but that didn't do anything. I've also tried a couple of different CSS codes, but those haven't worked either. I attached a screenshot of the problem below. Does anyone have any CSS codes that would fix these issues?
  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. I just went live with a website (www.providancepac.com) and I'm having several issues with the YouTube banner videos not loading both on mobile devices and one in Chrome on MacBook Pro. On IPhone in Safari the Video does not load and fallback image is a solid color. On Samsung phone in Chrome video will play but I have to click the website logo and then video plays but not always. On Ipad in Safari & Chrome fallback image shows but no video. On Macbook Pro in Chrome video does not play until I reload the site by clicking the logo. Not finding a fix for these issues in the forum topics I have searched so far. Any suggestions are much appreciated.
  4. 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?
  5. Site URL: https://www.cutnfill.com/ How to i make the banner transparent for only one page? The Services Page
  6. I am trying to change the banner copy to black on one page only but I can't seem to get it to work. It will affect everything site wide. I've tried a lot of things that seem to work for others but aren't working for me so I don't know what the solution is. I can't seem to find a block ID for the banner copy and collection ID's don't seem to be working. This works but is changing all pages: .collection-type-page.show-page-banner.banner-text-alignment-center .page-text-wrapper .page-title { color: #000000 !important; } If I put it in the header code injection of the page (pages > click gear icon > advanced) it will work perfectly within the builder but as soon as I preview the site in the browser it stops working completely. Sooo frustrating!!! This does not work: #collection-5f1ffbd0d7d2395c497533c7 { .collection-type-page.show-page-banner.banner-text-alignment-center .page-text-wrapper .page-title { color: #000000 !important; } }
  7. Good Afternoon, I’m wondering if anyone can help. My site isn’t live yet but I have a question about the homepage. The banner image has text on it. When on my desktop the text looks too big as I’ve over compensated so it can read on my mobile version. is there a way to have two images one for the desktop version and one for the mobile version. i will attach a photo to show what I mean. I don’t seem to be able to add a seperate text box on the homepage as that could have been an option. Although the text has a gradient 🤦🏻‍♀️
  8. Site URL: https://www.cutnfill.com/ How do i change the font of the banner headings to a custom font so i can match my logo?
  9. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ site password: solar2020 I am trying to reconfigure the LP banner image by adding part as an image overlay so that everything appears on mobile. Is is possible to remove the padding at the bottom of the page so it looks as if the image is bleeding into the next section? Any help would be appreciated!
  10. Site URL: https://pelitas.com/ Hi, when I use the built in banner functionality in the settings menu, the width of the text box on my full-width banner is nice and wide. However, if I use a gallery block at the top of my page to create a rotating banner the text box width gets narrower and looks terrible (IMO). Anyone have some code I can add to increase the width? Using gallery block: Using settings menu:
  11. I'd like to add text directly below my banner image in a small font giving photo credit to the photographer. The space between the bottom of the photo and the first line of text is too large. I contacted support and they said it can only be done through coding. Is anyone able to help with how to code this? Thanks!
  12. Hello there, New to the forum so i'm unsure how this works, but I've looked, searched and have read as much as I can and I can't find an answer to my problem. It's probably super simple, but here it goes any ways. Using the Brine Template and uploading an image in the banner section of an index page for it to be the background of that particular section. Image loads great, but the image always is zoomed, a bit pixelated and blurry. What is the correct pixel size for a banner image to be a background? or is there a setting that needs to be tweaked that I am missing or don't know about? Thank you very much for any help or suggestions. Liv
  13. Site URL: https://chesapeakeheartland.org Hi all - I am trying to make all the image banners responsive when the window size changes. I would like to keep the image within the container but at the moment when resizing, the image extends out of the container / is cut off. I'm looking to respond to mobile displays to 2600px displays. I've tried some media queries and they don't seem to be working. A portion of the media query will be fine, but not the entire media query range. I've broken the query ranges up, thinking they were too long of a "px" range, but no luck. I also looked into "flex" display, but I'm a beginner and don't quite understand how to implement that in Squarespace CSS. Can someone take a look and let me know what I'm doing wrong? site password - ChesHeart20*
  14. Site URL: https://saintscraft.ch Hi everyone I'm using the Rally template and when I make a banner, the pic or video always looses opacity and becomes slightly blury. I would like it just the way it is. Is there a way to fix this? Is there a styling option to change the height of a banner? best, mario
  15. I'm trying to get the video on golfpadgps.com/tags banner to NOT display and force the fall back image to display instead. I understand from SS the fact that it displays on some mobile devices is by design, however I've been asked to turn it off on mobile regardless of connection speed or browser. This is what I've tried. In inspector, the "display:none" works, but when I put it in the actual custom CSS section of the site, it doesn't do anything. @media only screen and (max-width: 768px) { .title-desc-wrapper has-main-image has-background-video { display:none; } }
  16. Hey guys, I was wondering what could be the easiest way to have a moving gallery in the background that shows either different amount of images / gifs or videos, similar like they did here: https://www.apple.com/tv/?cid=oas-us-domains-apple.tv Any ideas how to recreate that? It needs to be full width on all devices
  17. 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
  18. Site URL: https://www.sugartoothtours.com Hi there, Does anyone have any suggestions for fixing the banner on the homepage? The banner is responsive, but I would like it to remain fixed so that it doesn't crop any of the image out. The template is Bedford and the homepage is www.sugartoothtours.com. Hoping to create a fix that would only affect the banner on the homepage. Thanks!
  19. 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!!
  20. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  21. 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.
  22. Hello! Sorry if this is obvious, I am new to Squarespace. I am trying to make all my banners (on the home page, the blog posts etc) to fit the whole screen? And can it be adjustable for mobile or desktop view so it always fits? I have attached an image to show how I want it. On the blog posts I can't seem to adjust the sizing at all.
  23. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  24. Site URL: https://violin-dove-sdn3.squarespace.com/ Hi! I'm trying to add a smart app banner to the homepage of our website and I've used the following code and injected it into the header code injection section: <script> var meta = document.createElement('meta'); meta.name = 'apple-itunes-app'; meta.content = 'app-id=1434995457'; document.getElementsByTagName('head')[0].appendChild(meta); </script> If you have any idea why this isn't working, I would really appreciate your help! Thanks 🙂
  25. Every page in my website repeats the banner on top of the page and the text from the home page. Is there any way to remove these things from the footer, without removing them from their intended spots. Squarespace support isn't able to help out with this so appreciate any support that I can get from the community. My website is https://helix-apricots-pabf.squarespace.com
×
×
  • Create New...