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

Search the Community

Showing results for tags 'heading'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://chimes-bagpipe-e9t2.squarespace.com Hello! I added a custom title to my header but I would like it to link to the home page when it is clicked. This is the what I have in custom css: .header-nav:before { content: "FAT BABY"; display: block; position: relative; top: -30px; font-family: omnes-pro; font-weight: 900; font-size: 50px; } Any help is much appreciated!
  2. Site URL: https://www.hightidehr.je Hey everyone I'm creating a site for a friend and wondered if someone could help me centre the logo and nav bar on desktop before I have a meltdown. I'm not sure if some basic coding is needed but I cannot find any settings on the header edit tool to sort this. It's just off to the left too much. Thanks in advance Sam site password is hightidehrmelanie
  3. Site URL: https://grape-semicircle-m6yz.squarespace.com/config/pages Image Header Adding in Hyperlink with Unique Design to this page I'd like for my headers on this page to keep the color and design they currently have, but I would like to add hyperlinks to them. The design format for the rest of the website turns them black and adds an underline. For this page only i'd like for them to remain the same color (#d65124) and have no underline. Version 7.0, Brine Family, Custom Template. I have tried a bunch of custom CSS that other videos have recommended and have not been able to figure this one out with my limited website knowledge - please haaalp!
  4. Site URL: https://dolphin-chiton-f23k.squarespace.com/ Hi there, I need wide margins on my website so that large photos can be seen on desktop without scrolling. However, in increasing the site margins, the site title and menu navigation links are also affected. I need the site title and navigation links to have a smaller margin than the rest of my site. Specifically, I want my name/logo (Jack Trolove) to be further left aligned, and for the menu items to be further right aligned. I haven't been able to find any code to do this - looking forward to any code and advice. Here is the site: https://dolphin-chiton-f23k.squarespace.com/, password: jacklove Thank you! Abby
  5. Site URL: https://orange-beagle-9jfc.squarespace.com/ Good morning to you all, I'm a newbie to Squarespace and I'm sorry if this question has been asked before or if the answers can be found in this forum already - I couldn't find it. I'd like to have linked text or headings in the text to change colour on hover. The default in 7.1 seems to be that the links are underlined. I've managed to get rid of the underline but couldn't manage to change colour. Does anyone know how I can fix this? Thanks in advance for your consideration! Matt
  6. Site URL: http://www.fetchnpetphotography.ca I would love some help on how to have my homepage header on a different setting than the rest of the site. For example I want the homepage on transparent so I can have a large image blend in with the header but for all other pages just a black background header. I tried this https://support.squarespace.com/hc/en-us/articles/360000667707-Building-a-site-header#toc-header-background but I dont want the rest of the page to be black for my pages. I want a black header with white text and then white background for the content of the page (right now I can only figure out how to have it all as black on a page and not black header with the rest page white background) any ideas?
  7. Site URL: https://www.postbournemouth.com/oktoberfest Hiya, all the header images on my site are dark apart from the oktoberfest page, id like to change the colour of the navigation links to a darker colour on this page only, ive had a look on the support site but i can't seem to get anything to work any help would be greatly appreciated many thanks Olivia
  8. Site URL: https://www.andreaaresu.com/ Hi everyone! I'm trying to achieve the same effect as shown in the video attached below. When hovering over a navigation link on the header, I want the "active" one to stay black while the other links gets greyed out. Can anyone please help with this? Thank you. Andrea. ezgif.com-gif-maker.mp4
  9. Site URL: https://sapphire-tarantula-yjf5.squarespace.com/about I am new to CSS but have managed to get so far building a custom website. I have managed to replace the page names in the header with icons - one relevant to each page of the website However, when on the selected page, the icon relevant to that page disappears from the header. How do I stop that happening? The other thing I'd like is for the header icons to be replaced by a different image when I hover over them too. Is that possible? Current CSS for the header is as follows: .header-title-logo a:hover img { visibility: hidden; } .header-title-logo a:hover { background-image: url('https://static1.squarespace.com/static/62f281574000c736859737c0/t/62f4c04f683a34534353bba8/1660207184002/Young+Poet+Logo+Off+White+RGB.png'); background-size: contain; } /* About */ .header-announcement-bar-wrapper [href="/about"] { height: 100px; width: 100px; background-image: url(https://static1.squarespace.com/static/62f281574000c736859737c0/t/62f3d0ce2bd9ea019639e89d/1660145870369/Shape+of+sound+texture+1+Deep+Black+RGB.png); background-size: contain; background-repeat: no-repeat; background-position: right right; color: transparent !important; } /* Artists */ .header-announcement-bar-wrapper [href="/artists"] { height: 100px; width: 100px; background-image: url(https://static1.squarespace.com/static/62f281574000c736859737c0/t/62f3d0efc5d983332cd5ef88/1660145903483/Shape+of+sound+texture+4+Deep+Black+RGB.png); background-size: contain; background-repeat: no-repeat; background-position: right right; color: transparent !important; } /* Store */ .header-announcement-bar-wrapper [href="/store"] { height: 100px; width: 100px; background-image: url(https://static1.squarespace.com/static/62f281574000c736859737c0/t/62f3d0d9ab04002143fd6cda/1660145881907/Shape+of+sound+texture+2+Deep+Black+RGB.png); background-size: contain; background-repeat: no-repeat; background-position: right right; color: transparent !important; } /* Contact */ .header-announcement-bar-wrapper [href="/contact"] { height: 100px; width: 100px; background-image: url(https://static1.squarespace.com/static/62f281574000c736859737c0/t/62f3d0e3ab04002143fd6d19/1660145891327/Shape+of+sound+texture+3+Deep+Black+RGB.png); background-size: contain; background-repeat: no-repeat; background-position: right right; color: transparent !important; }
  10. Site URL: https://bapu4davis.org I wanted to ensure our "Donate" button appeared in the mobile header. To get it to show up, I had to use some custom css I found from https://blog.tawfiq.me/how-to-add-a-button-to-mobile-header-between-logo-and-menu-icon-squarespace/. /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 10% !important; } } The button now shows up on the mobile header, woot! Problem is, it overlaps with the hamburger icon. See photo. How can I change this spacing? Thank you all for any help!
  11. Site URL: https://www.carstenfleck.com/ I want a submenu of the header line up with the left, with the beginning of the word Projects but at the same time want to keep the header aligned to the right. To line up the submenu with the left is by default only possible though, if I align the header to the the left. Is there a coding solution to this? Best, Carsten First image header aligned to the left, submenu also aligned to the left. Second image header aligned to the right, submenu also aligned to the right. Would like to find a way to align header to the right and submenu to the left. πŸ™‚
  12. Site URL: http://www.costaricaraft.com Hello, how can I add elements header with code?
  13. Site URL: https://megankeely.com Site URL: https://megankeely.com I would like to modify my header so that the logo is aligned to the center of page, and the navigation menu links are aligned to the left of the page. I've attached a photo of how my current header looks like: logo is on the far left, with the desired annotations in red. I want the social links to stay where they are, and for nothing to change other than to swap the location of the logo with the location of the navigation menu. Thank you!
  14. Site URL: https://pear-hyperboloid-dn2z.squarespace.com/ Password :: ProfileSite22 I am looking to change this dynamic header so when scrolled down it still makes the gold background colour, but I also need it to make the logo smaller and move its position to the top left.
  15. Site URL: http://www.oneorganizedmomma.com I am trying to change the header to a custom font. I have added the code for the custom font under h1,h2 and h3. I don’t see an option to change the header to h1,h2,h3. How do I go about changing it?
  16. Site URL: https://www.kohtaus.info Hi, im a bit lost here. I've created equal copies of my website with two different language: finnish & english. I've set up URL of each page with /en/ & /fi/ beginnings. Example https://kohtaus.info/fi/home. I've worked my way with @creedon s help to have a two CTA buttons on the header with a language selection. Works fine! However the main navigation (Vallila / Malmi ) dont need to be translated but the navigation needs to end up into the correct page with the selected language. Also the footer texts & links needs to be translated. Basically I kind of a need a different header & footer for both language. How is this done? πŸ€”
  17. Site URL: https://pear-hyperboloid-dn2z.squarespace.com/ Password :: ProfileSite22 I want to change the dynamic header on the site instead of white once scrolled to be this colour gold :: #A69565
  18. Hello, I was trying to remove the header and footer on one page with this string <style> .header, #footer-sections{ display:none !important; } </style> I used code from add block on the footer section. Now I have no header or footer on any of my pages and no way to delete the code from the section. What can be done?
  19. Site URL: https://madeofwater.co.uk/ Hi, I'm trying to turn category page headings from <h2> to <h1> Any advice as to how I can achieve this? Alternatively, is there a way to add unique description text and headings for each category page? Thank you for any help and guidance, Joe Made of Water https://madeofwater.co.uk/
  20. Site URL: https://eagle-trumpet-4knc.squarespace.com/config/design/custom-css Hello, I would like to know how to incorporate custom CSS that allows for my slideshow to be full bleed- even within the header. Attached is a screenshot of what I have, and a screenshot from a website that has the style that I am going for. Any help would be appreciated, thank you!
  21. Site URL: http://helix-fish-he88.squarespace.com Hello! I'm trying to change the background color of the header for my site. I'm not finished with creation at all, but wanted to specifically have the header be either a image or solid color. The codes I've tried in the custom CSS did not seem to work at all. CSS is not my strongest coding knowledge, so would appreciate if anyone could help πŸ™‚ Site: http://helix-fish-he88.squarespace.com Thanks
  22. Site URL: https://rabbit-blue-ksfs.squarespace.com Hi, I am trying to add text underneath my site title in my header. I want the top portion to say "Mackenzie Lark," and then the bottom portion to say "Photography." The first attachment is what it looks like now, the second is what I am trying to get it to look like. The reason the second one looks the way I want is because the template already had it that way, I just can't figure it out on my new one. I hope that makes sense. I am very very new to this, so please be kind, and I appreciate all of the help.
  23. Hello! Is it possible to add a image block or additional link (NOT part of the navigation links) to the header? Thanks
  24. Site URL: https://oboe-gold-frbd.squarespace.com/ Password: hotballoon1 Hello, I'm trying to get my header to have two site links on the left of the logo, the logo in the middle, and two site links on the right of the logo. Explained in the attached image. This website is a 7.0 website. How can I achieve this?
  25. Site URL: https://elizavolk-healingarts.squarespace.com Hello! I am wondering if there is a way to keep my menu transparent WITH the backdrop menu transparent too at the top of my website, and give a background color to this backdrop menu when we start toi scroll down? (fixed position header) when I use use a css code to make it transparent, (code on the pictures) it is great at the top, but I'd like to apply tis transparent effect only then and not when we scroll. It seams that it is possible with code injection but my client doesn't have the advanced version. I hope that make sense, I am very grateful for any idea / solutions. Thank you so so much! 1st & 2nd picture : what I have now at the top of the page and when I scroll (fixed position) 3rd picture : What I want at the top of the page keeping the second picture color when I scroll
  • Create New...