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

Search the Community

Showing results for tags 'foster-template'.

  • 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

Found 23 results

  1. Site URL: https://anxioussound.com/aoty-2021 Hello, I'm using the Foster template in Squarespace 7 and I'm trying to create a two-column layout where the left column is fixed (non-scrolling) and 100vh, and the right column is scrollable. I was able to get the layout I want in the editor by creating a new fixed code block and positioning it to the left of all other content (top image). The problem is, as I soon as I save the layout and leave the editing state, the content in the right column jumps to the left, overlapping with the fixed column (bottom image). Why does the layout change when I leave the editor? Is there something I'm overlooking in the code?
  2. Site URL: https://www.kovikai.com/shop Hi. I am wondering how to stylize the box around the quantity on my page. I looked in the "styles" and can't find it. I'd like to make it pill shaped and a different color. It's currently a harsh black outline. Thanks in advance!
  3. Does anyone know if it's possible to force a specific url onto a single page in squarespace without using a dev site, javascript, or hiring someone to do it? If so, what is this called so I can find more information? SQSP doesn't allow for the slug characters needed. Have a strange situation where a web page needs to match an old address exactly. Redirect doesn't work for this. Note: I was told by Squarespace support that this was possible. They gave me a link to the main forum page and a link to the Custom Code FAQ and refused to give me further information.
  4. Site URL: https://www.wellbeinglittleton.com/ Hello! I would like to remove the hamburger navigation on mobile view and instead display the regular desktop navigation (so have the text navigation below the logo). There are only three pages on this site, designed on Squarespace 5's Foster template. Thank you!
  5. Hi, I am using the Foster template and would like to only use my logo as the home button on my website. Is there some custom CSS the will disable the home button from my navigation bar. My site is not yet live. Thanks in advance.
  6. I don't see it as an option for the Foster template and I'm hoping someone can help me achieve that with code. Thanks!
  7. I am using the foster template to display my eccomerce website. This template only gives the options to display product images as a slideshow or as thumbnails. I like to display the product images as a carousel with them displaying on the left side of the screen and the product details on the right at 641 px or more and at 640px or less for the carousel to display first and the product details to display after. (ive made it so that the mobile breakpoint is 640 px). Is there any code to create this effect ? i have tried numerous codes and was unsuccessful.
  8. Hi, I'm using the foster template, but have changed the background color to black. I'm trying to change the dropdown menu background color from white to black as well. I've tried updating the site style as well as the css to: /* Change dropdown menu background */ .header-nav-folder-content { background: #000000 !important; } Nothing changes. Here is a link to my site https://hexahedron-lavender-ctl5.squarespace.com/. Would appreciate any help.
  9. Hi Squarespace community, I am looking to implement a design that draws a line down the screen as the user scrolls through the webpage. I am very new to developing and am struggling understand where I inject the HTML & where I inject the CSS. I have tried a few different things which have been unsuccessful to say the least. I am wondering if somebody could help me out. Below is an example of what I am trying to achieve. https://codepen.io/dmistry485/pen/RqwJJE https://ibb.co/dpKBHBH I appreciate any advice. Best regards,
  10. Site URL: https://freshsalonanddayspa.com/our-staff Hello Circle! This page of my website has a gallery block of photos. On desktop all you have to do is click the photo and the bio (caption) appears. On mobile, however, you have to click on the photo and click in the lower right corner to see the bio, which many people aren't realizing. Is there a way to force the bio to appear when someone clicks on the photo in mobile? Website is Squarespace 5, Foster Template, Business Plan. Thank you! Meg
  11. Hi, I am using this code to make the header fixed in the foster template, but I am having issues with the navigation bar being placed over the top of the logo and the length of the header is too long and obscures the content on the pages I.E. - about, contact, retailers. See the reference images for how it looks vs. how I want it to be. Could use some guidance on what CSS I need to add. Thank you www.sandwichceramic.com/home .Header { position: fixed! important; z-index: 1000; width: 100%; top: 0; }
  12. Site URL: https://jordandixon.co Hey there, I would like to know if it's possible to change the opacity/color of my 'Contact' button when on other pages. opinion: I like the bold red on the home screen, but on the 'work' and 'play' pages I find the bold red rather annoying. See attached photos... I'm using the Foster template Thanks!
  13. Site URL: https://foster-demo.squarespace.com/products-foster Hi, Is it possible to achieve this layout (https://foster-demo.squarespace.com/shop-index-foster) on the actual products page (https://foster-demo.squarespace.com/products-foster) ? Essentially I want to create a "packed" layout on products page instead of "grid". Thanks, A
  14. Site URL: https://www.missmegabug.com/ Hello! I added code to my footer code injection to have my logo appear when my website is loading. It looks fine on desktop and tablet, but it does not adjust well to mobile view (see photo below). I've tried customizing my code, but the changes I've made deactivate the load screen. Help! (Please. =)) I'm on Squarespace 5 using Foster template and my hosting plan is Advanced E-Commerce. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div class="logoload"></div> <script> $(function() { var loadLogo = $('header').find('img').attr('src'); $('.logoload').css('background-image', 'url(' + loadLogo + ')'); }); </script> <style> .logoload { /* SET BACKGROUND COLOR */ background-color: #fff; /* SET BACKGROUND SIZE */ background-size: 500px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-position: center; background-repeat: no-repeat; } </style> <script type="text/javascript"> $(window).load(function() { $(".logoload").delay(300).fadeOut("slow"); }) </script> <script> $(window).load(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function({ $(this).nextUntil("h2").slideToggle(); }); }); </script>
  15. Site URL: https://www.vivoanimationschool.com/it/personaggi Hi, I am using Foster template with Squarespace 7.0. I would like to use two different images for my banners in mobile and pc view, is it possible? Thank you!
  16. Site URL: https://www.vivoanimationschool.com/it/personaggi Hi, I am using Squarespace 7.0 with Foster template. Do you guys know how to resize the banners in my pages only in the mobile view? Thank you
  17. Site URL: http://ferret-vibraphone-l7b8.squarespace.com Hello I would like to make three modifications to my page (ferret-vibraphone-l7b8.squarespace.com) in the hero image area. 1) The hero image currently is extended vertically by inserting spacer blocks over it rather than directing it to fill 100% of the vertical area on screen load, and it also oddly doesn't quite go to the edges horizontally. I'd like to resolve these issues in code. 2) I'd love to be able to add a small photo credit for the main image. Ideally this happens immediately beneath the image but could happen over the image in the lower right corner. Doing it as a text block at the top of the section beneath the hero image places it too far away, it really would need to be snug up against the image so it seems like it needs to be a modification to the hero image section. 3) Biggest issue, I would like to make the nav bar transparent but fade in opaque when it's being rolled over. This site gives a good example (https://www.tracksmith.com) although theirs is also sticky and does the slick condensing thing none of which I need. I'd simply like to be able to read the nav links over the hero image without the opaque white bar at the top, and then when rolling over the nav area, that bar fades in.
  18. Site URL: https://jordandixon.co on the 'About' home page under the image and social links there is excess white space and I am unsure how to get rid of it. Anyone have a solution for this?
  19. Site URL: http://teamcjwip.squarespace.com Hello, I'm trying to finish up the homepage design for my site but there's a couple custom css problems I'm running into. I currently have an index page displaying 2 banner images that parallax as you scroll. I would like to use custom css to make the banners show fully on mobile because they are currently being stretched as if there is a minimum height.. i would also like them to not use parallax on mobile. I've tried the following code, which has stopped the images from parallaxing on mobile but the images are still stretched. site - http://teamcjwip.squarespace.com pass - jaglovers /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #mission-banner { display: none; } } @media only screen and (min-width: 781px) { #mission-banner-mobile { display: none; } } @media only screen and (max-width: 780px) { figure[style] { transform: initial !important; } }
  20. Site URL: https://www.thephotographicforecast.com Hello, I'm trying to reduce the amount of characters when using a summary block and including product excerpts. I've written details about the products in the initial product info area rather than the 'Additional Information' section due to the layout and use of images. Now when using a summary block and opting to 'show excerpt', it shows the entire product description. Is there a way to add custom CSS to change how much text is shown? Thanks so much for any help! Lisa
  21. I'm trying to align the nav to the bottom of my logo in Foster template. I can find CSS help on this matter for other templates but the classes don't seem to target Foster template. Is there an easy CSS fix to stop the nav centering vertically to the logo and align to the bottom edge instead? See attached file. Many thanks
  22. Site URL: https://www.wellbeinglittleton.com/about Hello there! I'm trying to crack the code (literally) on how to remove the banner from the about page on mobile view only. Website is Squarespace 5, Foster template. Thank you!
  23. Hello community, I need to use a custom font for my post titles in the blog page. I have installed a custom font and I am currently using it for all my headers. I found an entry in the forum that let me change the font for my Post Titles, but I can't change the way the entry titles are displayed as a link on my blog page. Screen capture attached. Please help!
  • Create New...