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

Search the Community

Showing results for tags 'header'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 350 results

  1. The space between my site title and image blocks is too big and i'd like to remove the negative space. Please see the image attached. Every time I delete the text box it reappears.
  2. My template is Nuevo. My website is homecomfortsolutionsboise.com Password is: Mnbb77 I found code that fixes the header to the top of the screen so as you scroll the nav bar is always accessible. Here's the code I'm using: Any ideas why it's not working on the front page?Any work arounds? Is it because of the banner image? Thanks for any help!
  3. Here's my URL; https://grey-rectangle-kra2.squarespace.com/config/design/styles I want to have header number 1 ('For the love of words.) in white, and the second header at the bottom of the page (Make an Enquiry / Become a Contributor) in black so that they both stand out against their respective backgrounds. But every time I change one it changes the other. Is there a way around this? Thanks in advance
  4. I want to change the background color of the folder without affecting the header color. How do I do that?
  5. I'd like to change the logo (in my header) on a few pages (black logo to white logo)I'm using the Brine template. I'm using this script, thanks to @Lizm : <script> window.onload = function() { document.getElementsByClassName('Header-branding-logo')[0].src = 'https://static1.squarespace.com/static/5d0ca9426637b00001e0b944/t/5d276e25b5ed870001bf52d7/1562865189567/logo-white.png'; }; </script> But not runs perfect, because in Safari, when I'm in a section with black logo and click on the section with white logo and this script, the logo appears black. If I refresh de page, the logo load well (white). So I think maybe is for the cache. Can you help me? URL with black logo: https://institutotramontana.squarespace.com/mision-y-visionIf you click in Programas on top, appears URL with white logo and script. But just the logo appears in white when you refresh the page: https://institutotramontana.squarespace.com/programas Thanks
  6. Hey, I've recently started re-creating my site in Squarespace 7.1 (and I'm enjoying it so far) But I've run into a problem, my header has too much padding. I have reduced it using the area within the builder but it's still too large (I don't want to reduce logo size). On my other site i use this code to reduce padding... .header-inner { padding:0!important; } But no luck in this version.... any chance someone can help?
  7. I have a banner image with description text & button on top of it. I'd like to add background to the description text to make it more readable. I've been using this CSS below, but to no avail. Please advise - thanks!
  8. I'm having a search engine issue with Missing/Invalid H1 flags on most of my web page. We do not want to add any text to these pages, but the site has a white background. Does anyone know if I create page headings with the Heading 1 font setting, but use white text so it is not visible, if this will resolve my issue? Thanks! https://www.cearnal.com/projects/all-projects
  9. I am trying to add a Spotify Follow button to my header like in the following website. I have the embed code to insert it on my site, but can't figure out how to insert it into my header near my other Social links. Please help if you have a solution... https://thefunkhunters.com/
  10. I can add a banner image to all of my pages, but when I publish a blog post suddenly there's no option to add any sort of banner image or edit the banner in any way. Why is this, and how can I fix it?
  11. Hi guys, I've seen this asked a few times, but all from a few years back, and none of the answers work for me. This is my site, www.underthecoversband.co.uk As you can see, I've managed to make the banner sticky. and I'd now like to add our phone number and email address just to the right of the logo, so the number is clickable on the mobile site and email address is a link on the website at all times and all throughout the website. Can anyone help? Cheers!
  12. I am trying to change the background color of the header element in my site using custom CSS and code injection. I found this previous, non-Squarespace solution. I have attempted to adapt it, but given my lack of jQuery knowledge and how exactly Squarespace uses code injection, I am at a loss. In the custom CSS area I have added .transparent-header #header { background-color: rgba(0,0,0,0.7); } In the code injection area I have added <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(window).on('scroll',function(){ if ($(window).scrollTop() >= 100) { $('.transparent-header #header').css({ 'background-color:' : 'rgba(0,0,0,0.7)' }); } else { $('.transparent-header #header').css({ 'background-color:' : 'rgba(0,0,0,0.0)' }); } }); </script> The homepage of our website can be accessed here. Expected result: After scrolling some distance x (currently 100px) navigation header will add a semi-transparant fill Current result: no change
  13. I'm building on Brine, and I'm using fixed headers.I have no issue with how to make those work, nor with using either .site {padding-top: 90px;} or .index {padding-top: 90px;} , depending on what's needed. My issue is that when I have navigation (on index pages) that relies on anchors, like site.com/#about , my header covers my headline. I could insert a spacer, but then the site looks oddly spaced and lame. I can write links with an <a class="anchor" href:... and then use the stylesheets to create .anchor {padding-top: 90px;} The problem with this solution is that I want for my clients be able to make changes via the standard SS UI, after I hand it off to them. How do I make this work within the existing structure of Squarespace?
  14. I want to use the built-in Blog Header Content block for a blog-specific header when viewing the full blog feed, but I don’t want it to show up when viewing an individual post. Does anybody know how to hide it on posts only?
  15. Is it possible to add social buttons to the page header? I wish I could have Twitter & FB buttons just to the right of my page nav. However, the nav section doesn't appear to be editable. I'm using the Marquee template.
  16. I'd like to have my business' phone number and a phone icon visible at the top of all of my site's pages. Is there specific code I can use? I tried a Custom CSS solution posted before, and there was no visible result. www.techiebecky.comThanks!
  17. Hi, I am working on the "BRINE" template, which i like very much.The only downside is that the navigation bar disappears once you scroll down the page. The "Pacific" template is exactly what i am looking for! It is precisely what i want to achieve with the navigation bar in "BRINE". Please help friends!Tarek
  18. I am using a FIVE template but I would like to be able to have variable header sizes by the page. I am currently using the page thumbnail as the header, I would like the home page to be a large header but take the other pages down to like 50% of the home page banner size. PLEASE HELP!
  19. I’ve been trying to change the banner/header height in the Bedford template by inserting this in the CSS editor but it’s not yielding any results. #collection-xxxxx #banner-thumbnail-wrapper { height: 50px; } Does anyone have any suggestions on what else can be done? I would also like to be able to edit the height of the banner when it’s a slideshow. Thanks!
  20. I want to fix my header so that as I stroll down it can still be visible but I know nothing about code. I have the rally template. Please help, I'm so lost.
  21. Starting to work on a new website and looking to add some character to the header by placing two solid lines horizontal across the page. I have been able to figure out how to do a single line, by adding the following to the CUSTOM CSS, but nothing I do allows me to have a second line in a different color, which is what I am trying to achieve. I am using the MENTOR template and I'd like to have this to separate the header from the main section of the page in the instance where I might not use a banner image .Header { border-bottom: 5px solid #b0b579;}
  22. Hi, I am a rookie learning both CSS and Squarespace. Can I add the CSS below or a version of it to Squarespace so that it's available throughout all pages? I added the snippet below, which i tested the snippet on w3schools, and put in the Style Manager on Squarespace, but don't see "h4" anywhere. Where can I add it? And is the CSS okay? thanks,Deac h4 { /* IS THIS FOR SquareSpace */ font-weight:50; color: #1920f0;}
  23. Hi, I've used this CSS to create a fixed header with a black background: #header { position:fixed; z-index: 1; background-color: black; padding-top: 40px; width: 100%; padding-bottom: 40px; } The head fixes great but it drops by some 40 pixels so the content beneath appears above it... what am I doing wrong? I need to push the header back to the top of the page! Thanks.C
  24. I'm looking for a way to make my header transparent only on my homescreen. Unfortunately, there is no option to keep the header transparent when over images, so I'm left leaving it as a solid color on every page, or transparent on every page (which means it can't be seen with my current colors). Does anyone know how to solve this? I'd appreciate the help. Site: link textPassword: Hellomammoth821!
  25. I'm using the Bryant template and trying to center the logo and navigation (I'd like the navigation to appear under the logo). Using custom code I found on this forum (thank you "@foz" which I'll include below). The logo is centered but it also results in the navigation automatically switching to the mobile view with the hamburger to the right (even on desktop). This is what my header currently looks like on a large display: And this is a model of what I'd like it to look like: I did tried the "@media screen" code unsuccessfully. Any help is GREATLY appreciated. Here is a link to the site I'm working on: squarespace site Thank you!! #logoImage { margin-left: auto; margin-right: auto !important } #logoWrapper { display: block !important; width: 100%; max-width: 100%; text-align: center !important } #header #logoWrapper { width: 100% !important } #headerNav { display: block !important; text-align: center !important; }
  • Create New...