Jump to content

Search the Community

Showing results for tags 'banner'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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

Calendars

  • Events Calendar

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


Expert ID

  1. Can anyone tell me how to add drop shadows on the text that floats on an image? I am not what you would call a power user for CCS. I think that this: text-shadow: 2px 4px 3px rgba(0,0,0,0.5); is what I need to add but exactly where do I do that? THANKS!! /* BG COLOR HEADER*/ .transparent-header.has-banner-image #header #desktopNav .folder .folder-child-wrapper { background-color: rgba(33, 45, 48, .75); } .title-nav-wrapper {padding: 15px 80px;} .parallax-item[data-url-id='sunday'] .title-desc-wrapper .title-desc-inner { display: none !important; } #page {padding: 10px;} .parallax-item[data-url-id='current-series'] .title-desc-wrapper .title-desc-inner { display: none !important; } #collection-56594531e4b0c6e18e3febac .title-desc-wrapper .title-desc-inner { display: none !important;} #collection-56594531e4b0c6e18e3febac .title-desc-wrapper.has-main-image { min-height: 350px;} #collection-56ba965ba3360ce1d09c9075 .title-desc-wrapper .title-desc-inner { display: none !important;} #collection-56ba965ba3360ce1d09c9075 .title-desc-wrapper.has-main-image { min-height: 325px;}
  2. Hi All, I hope you are all doing well. Could you please advise the best solution for the above site (currently a coming soon place holder). My client would like to have the banner similar to the link below. The important part is that the change of images is automated and that they blend into each other. Plus, he wants the image to bleed into the navigation bar. Is it best, I create a video with the images and use that as a background or is there a code that does not mess with the page too much? The client is aware that this practise will slow down the page but is too keen for this effect. https://www.nathanburkett.com.au/ Thank you for your help on this. Andrea P.S.: please advise if you need the squarespace url
  3. Hello, I uploaded a banner image to my site. It is currently on my Welcome page. You can see the Welcome text over the image and it is very distracting. How can I get rid of that? Thank you, Chris Reader
  4. Peace and blessings! The problem I am currently having is my banner images and background images for section blocks do NOT resize for mobile view. (and / or vice versa) Website Address is as follows: https://www.goodsocietyworld.com/ I have sized the images to be standard 2:1 wide. This works perfectly for mobile (when I size the block section to small). But when I go to mobile the image is distorted. OR whenever I make the block section perfect sized for desktop, it ends up distorted for mobile. I've seen codes that allow the TOP banner to stay congruent amongst both desktop and mobile, but the remaining banners in the lower blocks do not stay congruent. Hopefully the attached screenshots help out. Greatly appreciate any advice or help anyone has! Thanks! Sincerely, GoodSociety
  5. Peace and blessings! The problem I am currently having is my banner images and background images for section blocks do NOT resize for mobile view. (and / or vice versa) Website Address is as follows: https://www.goodsocietyworld.com/ I have sized the images to be standard 2:1 wide. This works perfectly for mobile (when I size the block section to small). But when I go to mobile the image is distorted. OR whenever I make the block section perfect sized for desktop, it ends up distorted for mobile. I've seen codes that allow the TOP banner to stay congruent amongst both desktop and mobile, but the remaining banners in the lower blocks do not stay congruent. Hopefully the attached screenshots help out. Greatly appreciate any advice or help anyone has! Thanks! Sincerely, GoodSociety
  6. This is a small but annoying issue on my client's site. On initial load, the background image in the header appears cropped and doesn't extend all the way behind the header text block. See screenshots. Is there something I can do to force load the image all the way to the bottom of the header block? First screenshot shows how the page first looks. The second shows how it should look, and how it looks after reload. Thanks for any tips!
  7. 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.
  8. I want to add a custom image to the new scrolling banner block in 7.1. Anyone have a solution or code for this? Thanks example https://www.theworkinprogresspod.com/
  9. Site URL: https://www.vancouverislandwhalewatch.com/schedulerates Hello; I am trying to change the default colour of the background in my Intro blocks on my page. I cannot find an option in Site Styles to change it. While not visible on Desktop, on Mobile the "Schedules & Rates" background video does not appear and instead a #f04f0a coloured background is shown. I hope to change this background to #FF870F on the Intro for every page. Thank you! SOLVED: It turns out "Overlay Color" in Main: Overlay was set to 0% opacity, but it was still visible on mobile. Changed the colour to the one I wanted, left it at 0% opacity, and it now works perfectly!
  10. Hello, I'm having a problem with a small verticle white line appearing in the header image of my home page when you are scrolled all the way to the top. It disappears as you scroll down the page. I've tried another image, an image without the logo overlayed, a png and a jpg. It also happens on mobile. Screenshots from laptop and mobile are attached with the line I'm talking about circled in red.
  11. Hello, I am trying to make the background image from the section below my header bleed up into the page header. The background image width is set to full bleed. My site is dockertygardens.com and the password is dockertydockerty. Any help would be appreciated. Thanks, Monica
  12. My website banner isn't reformatting to the correct size. This is what it looks like on the web version But this is what it looks like on mobile version: \ I need help reformatting the mobile version to fit the screen & be mobile friendly. Thank you!!
  13. Site URL: https://www.dutchamericanconnection.com/ Hi, I'm using the Banner Slideshow for testimonials on the homepage of my site www.dutchamericanconnection.com - is there a way to have it play automatically? I didn't see anything in the settings. Currently user navigates with the arrows Thanks Becky
  14. i chose a certain style, and cannot make my shop now or about us section bigger font or bold please help https://www.usaforeverstamps.org/
  15. I just replaced the template for my site and it has a business information banner on every page that I don't want but can't get rid of. There is an option to edit that opens Business Information in settings to the left but it neither has a delete option nor does it even add new information to the banner. Please help!
  16. I know there is a code to insert that will fix the banner height but i can not find it. I need to make the banner height larger to fit in the entire graphic even on larger screens. This is the website oem-sales.squarespace.com with pw oemsales
  17. Hi, I have a banner image on a home page that displays how I want it on desktop, but on mobile it is too long vertically and focuses too much on the car license plate. Is there a way I can make it shorter and crop off the bottom portion just for mobile view? Please see attached screen shots. Thank you.
  18. Hi! I'm working on my webpage and I found multiple helpful codes from the forums. I'm still struggling on finding the code for the parallax banner. Is there a CSS code for controlling height of an individual parallax banner for desktop view? When I create new subpages on index page they are always nicely cropping the size to match the content/text in it (see image ''ideal size of banner''. But whenever I add the picture the banner height is getting way too high compared to the content. (see the image '' too big banner'') I know I can change the color of the background for the whole web page but I would like to use the colored background image just on few places and keep the rest whitish looking. That's why I chose the option of uploading a colored image without any better ideas. I would need this code also for some other parallax banners, as they sometimes tend to make people scroll too much on the page. Thanks for the help 🙂 Regards Sanni
  19. Hi, I am experiencing an issue with updating the banner on my homepage. I am using the pixel guide, 2500x1500 but when I upload my image it doesn't fit in, some of the image is cut off. Does anyone know why it does this? I am using the Brine template. Thanks Suzanne
  20. Hi! My website banner isn't reformatting to the correct size. This is what it looks like on the web version But this is what it looks like on mobile version: I need help reformatting the mobile version to fit the screen & be mobile friendly. Thank you!!
  21. We've mysteriously had a pause button added to our header banner videos overnight on two websites and none of the CSS coding I've gleaned from previous posts have helped hide it. Website to view: etipu.boma.global Anyone else experiencing this? Last night I was working on one of the websites affected and this wasn't there. This morning, it is. Checked our other website to see if I was missing any code that may have fallen off and suddenly it's on that one too. Note the sites are using 7.0 So far I've tried these: .background-pause-button.visible {display: none!important} and /* hide play icon */ .sqs-video-icon { visibility: hidden !important; } and .homepage .sqs-video-icon { display: none; } None of these work.
  22. Hi, I'm wondering if there is any way to blend my header image / banner into the background colour below? So, at the bottom of my header image there would a smooth blend into the rest of the page? I made the background of the banner the same colour as the background colour below, but there is still a visible cut off line between the two sections. Any advice would be appreciated Thanks!
  23. 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
  24. Hi! I have a banner image that works perfectly in Desktop view but in mobile the crop doesn't look right as my face is covered by text. If can't shift the desktop view up as my face will be cut off! Is there any way to shift the positioning up in mobile view only (and maybe tablet too?)
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.