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. 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!
  2. 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
  3. 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
  4. Anyone else have trouble with the announcement bar in Squarespace 7.0? The text color will not change in the Site Styles.
  5. 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.
  6. 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?
  7. Hi Squarespace community, Is there a custom css code whereby it is possible to move the announcement bar which is normally located at the top of the screen to just underneath the navigation bar? (Navigation bar at the top of the screen > followed by announcement bar > main content) Thank you for any help provided.
  8. 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!
  9. 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!
  10. 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?
  11. 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!
  12. 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?
  13. 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! 🙂
  14. 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!
  15. 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/
  16. 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!
  17. 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?
  18. 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!
  19. Hi anyone knows how to create two different announcement bar for two language pages? Right now it seems I can only create 1 announcement bar .. Appreciate any help!
  20. Site URL: https://lahiapteekki.squarespace.com/etusivu My client would like to have an announcement bar on his website that states what the hours the pharmacy is open for that particular day. That way any time customers go to the site they will know when the pharmacy is open that day, for example "We are still open for 5 hours today" or "We are open to 8 pm today". The pharmacy is open from Monday to Friday 8 am to 8 pm, on Saturdays from 8 am to 6 pm and Sundays from 10 am to 6 pm. I appreciate any help with this! 🙏
  21. Hi all! A few months ago I remember changing the color of my site's announcement bar w/o having to input any custom CSS. I can't seem to find out where to go on the website to do this - any suggestions?
  22. Site URL: https://www.milkglobal.net Morning/Evening guys, Has anyone managed to achieve a scrolling announcement bar that works on all devices. I've tried quite a few open source codes but nothing achieves a smooth transition from right to left. If anyone has any advice it would be hugely appreciated. Thanks Dan
  23. 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!
  24. Site URL: http://kanbeeapp.com Hi All, The announcement bar is covering the navigation panel on the mobile version of our website. We used some custom css but weren't able to figure out how to fix this. Has anyone come across a solution? kanbeeapp.com.mov
×
×
  • Create New...