Search the Community
Showing results for tags 'announcement-bar'.
-
Reduce gap between announcement bar and site title/header menu
Vidi posted a question in Coding and Customization
Site URL: https://www.lightninggps.com/gps-gl300-tracker-v1 How to reduce the gap after the announcement bar? Attaching image. -
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?
-
Trying to add a top and bottom wrapper/banner/bar
benmeaker posted a question in Coding and Customization
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 -
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. -
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- 5 replies
-
- 1
-
-
- color
- shopping-cart
- (and 3 more)
-
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! -
Added Custom Code for Announcement Bar Not Working
PattiG posted a question in Coding and Customization
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; } -
Anyone else have trouble with the announcement bar in Squarespace 7.0? The text color will not change in the Site Styles.
-
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
-
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
-
Display different announcement bar message on only one page
Andyjk posted a question in Coding and Customization
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. -
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!
-
Announcement bar underneath the navigation bar
steven.li posted a question in Coding and Customization
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. -
How do I make the announcement bar visible on only one page? -
Brine: Fixed announcement bar not clickable anymore
jilliansun posted a question in Coding and Customization
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 { -
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?
-
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!
-
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?
-
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 -
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? -
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! 🙂
-
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!
-
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!
-
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!
-
Announcement bar change color (background + text) on scroll
MariaFY posted a question in Coding and Customization
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!
