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


Expert ID

  1. Site URL: https://www.lightninggps.com/gps-gl300-tracker-v1 How to reduce the gap after the announcement bar? Attaching image.
  2. 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?
  3. 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
  4. 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.
  5. 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
  6. 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!
  7. 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; }
  8. Anyone else have trouble with the announcement bar in Squarespace 7.0? The text color will not change in the Site Styles.
  9. 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: whit
  10. 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
  11. 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.
  12. 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!
  13. 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.
  14. Site URL: https://chihuahua-mayflower-6zj5.squarespace.com/ Hi, I made my announcement bar fixed with my header, however now I'm unable to click through to the page that's linked to the announcement bar. Would appreciate any help/advice! The code I'm using right now: .Header { position: fixed!important; z-index: 1000; width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: rgba(255,255,255,0)!important; } @media screen and (min-width: 641px) { .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main {
  15. 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?
  16. 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!
  17. 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?
  18. 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
  19. 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?
  20. 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! 🙂
  21. 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!
  22. Site URL: http://oceament.com Anyone know how to add two announcement bars on one page? would like to have one bar telling my customers that we offer worldwide free shipping, another bar explaining the late delivery due to COVID-19. Thanks!
  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. 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!
×
×
  • Create New...