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

Search the Community

Showing results for tags 'announcement-bar'.

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

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. I believe the squarespace standard announcement bar (at the top) is pushing my content down leading to "CLS" (Cumulative Layout Shift) issues being flagged in Search Console. Does anyone know if it is possible to hardcode an announcement bar so that it appears at the top of the page from the exact point the page loads thereby stopping the page from moving like this?
  2. Site URL: https://bidie.co Hey! I just added custom css to fix the header while scrolling. The announcement bar is now hidden on desktop - seems to be fine for mobile. Please can you help? Thank you in advance!
  3. I added in some custom coding: .sqs-announcement-bar:before { content:""; background-image: url(https://static1.squarespace.com/static/5f2364303585643acdb40436/t/5fb2c91df7db0b10ea3baddc/1605552413449/Courage+Matters+App+Icon.png); background-repeat: no-repeat; background-size: 40px; float: left; width: 40px; height: 40px; } However with this, I can't seem to get the image that I added to float centered and be on the same line as the text as opposed to pushed to the corner. I've included a screenshot for reference. Anyone have any tips?
  4. Site URL: https://www.znthtriclub.com Hi there, I'm desperately trying to add some form of "wrapper/banner/bar" on both the very top and very bottom of my website. I've currently managed to do so by hacking (in a rather bad way!) the announcement bar and footer modules. You can see this on the website and I've attached the image I'd like to use for reference. The issue I have is twofold: 1) The top banner isn't the same as the bottom 2) When scaled down to mobile, it looks terrible and there's a hideous black line beneath the top banner. Any help in coding something less clunky would be greatly appreciated. Thanks in advance. Cheers, Ben
  5. Site URL: https://www.cocklesandheart.co.uk I am about to launch a limited edition product and want to allow people to sign up to mailing list to receive news on it when launched by clicking on a list in the announcement bar at the top fo the home page. I can't find out how to do this, is it possible? Thanks in advance.
  6. Site URL: https://www.cloudshots.nl/ Hello everyone, I would like the colors on my shopping cart page to be the same as on my store and product page. I have added two screenshots as an example. The logo, menu text and announcement bar should be black for example. Can anyone help? Best, Herman Vulkers
  7. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home Hello, I have an announcement bar at the top of my site. Is it possible to increase the small cross to close it down? It currently looks really small. https://bluebird-porcupine-yzdg.squarespace.com/home Many thanks!
  8. Site URL: https://www.emptymynest.com/ Hi, I added this custom code to change the color of the announcement bar but the text does not show up. Thoughts on bringing text forward? Thanks. .sqs-announcement-bar-url { background-color: #2C86C5; } .sqs-announcement-bar-text p, .sqs-announcement-bar-text a { color: #ffffff; }
  9. Anyone else have trouble with the announcement bar in Squarespace 7.0? The text color will not change in the Site Styles.
  10. Site URL: https://helicon-banjo-kjhj.squarespace.com/ pw: southernbeauty Hi there, trying to make my text change color on hover (or before hover) and can't get it to work. .sqs-announcement-bar { width: 100%; background: #FEE196 !important; color: invert !important; /* main color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .sqs-announcement-bar:hover { color: #ffffff !important; border-color: white !important; background-color: hsl(68, 10%, 57%) !important; /* hover color */ webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } for some reason neither the "color: invert" nor "color: #ffffff" are changing it. I appreciate any help!
  11. Site URL: https://www.didsburyparsonagetrust.org.uk/ Our SEA additional information is being replaced by the text in the announcement bar. In the image, it is occurring within the Room Booking and Contact Us information How do I change it to the information that I want to show
  12. Site URL: https://www.andykerrphotography.com Does anyone know how to display a different announcement bar message on a single page, so that it's a different message than the one at the top of all other pages please? Many thanks in advance.
  13. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home Hello, I have added the announcement bar to the top of my site. Is it possible to add top and bottom padding on the bar to make it 'thicker'? Site page here - https://bluebird-porcupine-yzdg.squarespace.com/home Pword - bluebird Many thanks!
  14. Site URL: https://www.sebeneselassie.com/ Hi there I am trying to make changes to my announcement bar design (font size and color) but everytime I tried to save the changes in Firefox it timed out. I switched to Chrome and the changes show in the Design tab but not on my site. Any help appreciated. Thank you!
  15. Site URL: https://vusis-farm-website.squarespace.com/ Hi, I would like to move the announcement bar to the footer of my website, how can I do that?
  16. Site URL: https://www.yung35mm.com/ I'm trying to get the mobile version of my site to look a little bit better. Right now, when you click "x" on the announcement bar when on mobile, there's hardly any space between the logo and the top of the page. So if it's possible, I'd like to figure out how to: a) get the announcement bar to pop up underneath the header only when on mobile b) reduce the size of the text in the announcement bar only when on mobile c) if that can't be done, then it would be great to figure out how to add additional padding to the top of the header when on mobile and the announcement bar is closed. I appreciate any help on this!
  17. Site URL: https://www.camphebron.org/ My client is looking to have their COVID-19 announcement bar appear EVERY time a user visits the website, is there a way to enable this? Or a work around that doesn't involve changing the current promotional pop up I'm using?
  18. Site URL: https://ruby-heptagon-chjz.squarespace.com Hello! I am looking to create a continuously scrolling marquee effect using the announcement bar, that would simply repeat the content. This is the best example I found : https://codepen.io/fcalderan/pen/GRJeYOL What's the best way to achieve that? Thanks in advance! 🙂
  19. Site URL: https://www.kerrywilde.com/ Hi all, i am trying to find a clickable link to keep the announcement bar on my website. I ahve just transitioned from mailerlite to flodesk but am struggling to find a web link to add into Marketing settings. Has anyone cracked this code?! Any help greatly appreciated!
  20. Hi there, I'm looking for a way to change the color of my sticky announcement bar when scrolling down on a page. I'm using Brine. Anybody know if this is possible? I see people do this with a sticky header nav, so there should be a way for the announcement bar? Many thanks!
  21. Site URL: https://star-turquoise-mzgf.squarespace.com/ Hi there! I have custom code in the heading of my website (we are linking to multiple websites in the header that do not all live on Squarespace, so we can't use the traditional main navigation bar). However, this means my announcement bar shows up on every page except the homepage. Is there a way I can get it to still show? https://star-turquoise-mzgf.squarespace.com/
  22. Site URL: https://www.barrykatz.com/ Hello! I am designing an announcement bar for my site, however it formats terrible with the responsive design on mobile. Rather than staying as a long horizontal announcement bar, it condenses everything into one tall column. This makes mobile impossible to use. Is there a css code to turn off responsive design, or help with my issue in any way? I don't have the banner up on my site right now, but attached are two images of what it did look like. Thanks!
  23. Site URL: https://www.cyclebeatclub.com Is there a way I can remove the closing X in the right hand side of the announcement bar? I have posted a link to my COVID-19 Info here and don't want visitors to be able to close it off because if they do it will not show the next time they visit my site?
  24. Site URL: https://www.barrykatz.com/ Hello, I have just created a new announcement bar on my site, and love the way it looks. My only issue is that it formats terribly on my mobile site (see attached photos). On mobile, the text gets condensed into one tall column, making the rest of the site pretty challenging to use. I'd like the mobile announcement bar to look similar to the desktop one. How can I achieve this? thanks!
×
×
  • Create New...