Search the Community

Hi everyone, I have finally found the template that seems to include all features I want: Basil. After setting up my homepage, I tried to add buttons to a slideshow banner at the top, but they only appear as links. (Usually, when I link certain calls to action to another page, they appear as buttons - now they don't) What am I doing wrong? Or is this template unable to create buttons within a slideshow? All help is greatly appreciated.

When building my site, i came across a problem I couldn't solve. I have my social media icons on the navigation on top of the page. When viewed in mobile, I lose them. I was looking to put them in the mobile menu (inside the hamburger icon) but was never able to find a solution. Was wondering if anyone had a solution to that. What I did was I placed them in the contact page on the bottom when seen on mobile. That is a temporary solution until i find a permanent solution. Is there a way to do this using CSS? I am using brine template. A solution to this would be appreciated. http://www.marinocarrabs.com Thank you!

I've spent the last couple hours trawling these forums and google for an answer (CSS code) for how to change the banner height in Royce (brine family) and haven't got anywhere. At the moment a banner image fills the whole screen and I'm only wanting it around 300px in height. I only want to be able to do this on a page-by-page basic (not the homepage). I'd love some help here please.

Hello! I am working in my new web page with the miller-template. I want to share all my product design projects in a gallery collection page named work (https://support.squarespace.com/hc/en-us/articles/208216828-Collection-pages). I want to add a hover effect on these images but the template does not give this option. The codes I found on the internet are not working. Could anyone help me with the custom code?

Hello! I'm setting up a site using the Miller template, and I want to hide the header-area banner on a page. I have added an image to the Media section of Page Settings because I want the image to show up other places on the site, like in a "Content Link" block. But I don't want that same image to appear in the header of the page itself -- I just want the header to have a blank background. How can I do this? I've tried a couple different variations of adding new styles to the "page header code injection" of the page settings, but I can't get the language right.

Hello All, Currently trying to finish up my site but it seems as though the header text on mobile does not want to center. I can not find the reason this is happening as it is centered everywhere else. Please feel free to let me know if anyone has come across this problem. The site is theaccomplishedbrain.com. Thank you!

Hey there, we use the clay template. It´s a template of the brine family. For the footer you have two major design options. We would love to use the staple version. But on this version the pages are aligned to the left side. We want to align the footer to the middle. Is there any way to solve this problem with code injection? Thanks

Hi all! We have a client who as asked us to add images to their navigation that would be a link to interior pages. I am guessing the images would have some sort of hover over functionality as well to show it is a clickable link. I am attaching a super rough mockup to show you what they want, items such as where the logo will go and the Contact button will need to be adjusted but this is the simply gist of what they want. I have NO idea if this is an option and know that if it is (woo hoo!) then we also need to create something custom for mobile. Any suggestions you have would be so helpful, we have not promised anything to the client yet so if this is not a possibility, that is okay yet I can see where knowing how to create something like this might be nice for my dynamic menus like we were used to in the olden days of Wordpress. Site link is: https://trombone-paddlefish-tj7b.squarespace.com/ pw: cinderwood2019 Thanks!

Hello, Does anyone know how to style text that appears when hover over an image? Using foster template and all I can get is a black strip at the base of the image. Ideally like a white box that sits centred (image attached) with the project name in the box. Website still a work in progress, link here: https://www.franklyinteriordesign.com.au/ Thanks!

Had a hard time finding any answers on how to maintain a specific, responsive aspect ratio for Brine Family index sections with background videos. My client has a full width background video that needs to avoid cropping, and this was the best solution I could figure out. Does anyone know how to calculate the padding for other aspect ratios, like 3:4? I will post a link to the site when it is live. section#your-section-url { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ }

Hi everyone! I am having an issue with the tagline location on my site www.michaelahastings.com I would love for the tagline to be centered right underneath the site title "Michaela Hastings". For some reason the site does not have this option. Has anyone encountered this/has a code to fix this? The template is Mojave. Thank you

Hello-- I'm trying to activate parallax scrolling for one banner image only on my site. This is a banner/background image set up as a Section on an Index page. The inspected code for the section is below, and I've highlighted the image url in bold. Thanks! <section id="new-page-1" class="Index-page Index-page--has-image sqs-frontend-overlay-editor-widget-host" data-parallax-original-element="" data-collection-id="5de1a994a06c926920541ce2" data-parallax-id="5de1a994a06c926920541ce2" data-edit-main-image="Background"> <div class="Index-page-content sqs-alternate-block-style-container" id="yui_3_17_2_1_1575306929677_463"> <div class="sqs-layout sqs-grid-12 columns-12 sqs-layout-dark sqs-frontend-overlay-editor-widget-host-light" data-type="page" data-updated-on="1575070100346" id="page-5de1a994a06c926920541ce2"><div class="pageAnnotationEmptyMessage pageAnnotationEmptyMessageLight" id="yui_3_17_2_1_1575306929677_698">This page is empty. Start editing and add content blocks.</div><div class="row sqs-row" id="yui_3_17_2_1_1575306929677_732"><div class="col sqs-col-12 span-12" id="yui_3_17_2_1_1575306929677_731"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-5de1a994a06c926920541ce3"><div class="sqs-block-content" id="yui_3_17_2_1_1575306929677_734"><p id="yui_3_17_2_1_1575306929677_733">&nbsp;</p></div></div></div></div></div> </div> <figure class="Index-page-image loaded" data-parallax-image-wrapper="" style="overflow: hidden;"> <img data-src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" data-load="false" data-parent-ratio="11.2" alt="Metanephric_adenoma_high_mag - EDIT 1.jpg" style="font-size: 0px; left: 0px; top: -446.781px; width: 1889px; height: 1062.56px; position: relative;" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg?format=2500w"> </figure> </section> <div class="Index-page-content sqs-alternate-block-style-container" id="yui_3_17_2_1_1575307442393_465"> <div class="sqs-layout sqs-grid-12 columns-12 sqs-layout-dark sqs-frontend-overlay-editor-widget-host-light" data-type="page" data-updated-on="1575070100346" id="page-5de1a994a06c926920541ce2"><div class="pageAnnotationEmptyMessage pageAnnotationEmptyMessageLight">This page is empty. Start editing and add content blocks.</div><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-5de1a994a06c926920541ce3"><div class="sqs-block-content"><p>&nbsp;</p></div></div></div></div></div> </div> <figure class="Index-page-image loaded" data-parallax-image-wrapper="" style="overflow: hidden;"> <img data-src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" data-load="false" data-parent-ratio="9.3" alt="Metanephric_adenoma_high_mag - EDIT 1.jpg" style="font-size: 0px; left: 0px; top: -334.719px; width: 1471px; height: 827.438px; position: relative;" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg?format=2500w"> </figure> <section id="new-page-1" class="Index-page Index-page--has-image sqs-frontend-overlay-editor-widget-host" data-parallax-original-element="" data-collection-id="5de1a994a06c926920541ce2" data-parallax-id="5de1a994a06c926920541ce2" data-edit-main-image="Background"> <div class="Index-page-content sqs-alternate-block-style-container" id="yui_3_17_2_1_1575307442393_465"> <div class="sqs-layout sqs-grid-12 columns-12 sqs-layout-dark sqs-frontend-overlay-editor-widget-host-light" data-type="page" data-updated-on="1575070100346" id="page-5de1a994a06c926920541ce2"><div class="pageAnnotationEmptyMessage pageAnnotationEmptyMessageLight">This page is empty. Start editing and add content blocks.</div><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-5de1a994a06c926920541ce3"><div class="sqs-block-content"><p>&nbsp;</p></div></div></div></div></div> </div> <figure class="Index-page-image loaded" data-parallax-image-wrapper="" style="overflow: hidden;"> <img data-src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" data-load="false" data-parent-ratio="9.3" alt="Metanephric_adenoma_high_mag - EDIT 1.jpg" style="font-size: 0px; left: 0px; top: -334.719px; width: 1471px; height: 827.438px; position: relative;" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5beef0682714e50368deb4af/t/5de1a9afa06c926920542068/1575070137257/Metanephric_adenoma_high_mag+-+EDIT+1.jpg?format=2500w"> </figure> </section>

Hello-- I'm going a bit crazy trying to change the size of an image block title (and subtitles) for mobile on a Mojave page. This is what I've tried that isn't working: @media screen and (max-width:640px) { .sqs-block.image-block .image-title-wrapper { font-size: 20pt !important; } } and also @media screen and (max-width:640px) { .image-title { font-size: 20pt !important; } .image-subtitle-wrapper { font-size: 3vw !important; } } Neither of those are working. Thanks!

I have two blog pages (one for regular posts and one for work/portfolio. How do I remove metadata from appearing on the work/portofilo blog list and post, but not from the regular blog list and page? I found this thread but I'm not sure how to choose a particular blog page when you have multiple:

Hi all, I would like to add some extra content at the bottom of my blog page, like a summary block or a gallery But the Brine template, set on grid, doesn't let me add any type of content. All I see are my blog posts. Is there a way around this? Thanks,

I'm trying to make a 'shop' page pretty on my blog, but it's not a shop of my own products. It's a collection of products and items from retailers that I want to showcase as my favorite products, featured on one 'shop' (index) page. I am using unlisted galleries to upload the images with click-through links, and on the actual 'shop' index page I am using an image gallery carousel block to show the galleries separated as 'categories' of my favorite products. I want to be able to show the title and description of each image in the carousel gallery block, as they contain the product name and the price of each item. Is this possible using the image gallery carousel block? Furthermore, is it possible to list the title and description neatly below each image using a carousel gallery, like it would show on a stacked gallery? I would really appreciate some help with this!

The secondary navigation bar only goes to the content inset of the website. I need it to fill the whole page as the banner image does. Anyone have some css? Or ideas? I've tried everything. www.roc360.com

Hello guys, I am using Brine template and I have setup a nice cover page with a background video. I was wondering if anyone can help me with moving the navigation text which is centred on the screen slightly lower? As you can see here: https://gyazo.com/a15c61e834b0bc6e65bea65e4f597fb8 The 'English' & 'Spanish' navigation links are in the way of the background logo - Has anyone got the CSS id to move this navigation down slightly lower? I am struggling to target the right parts. Any help appreciated! I am using the 'Cover' template for the Cover page on Brine.

I want to make the gallery full bleed and possibly make the pictures size smaller in Foster Template. https://rhombus-paddlefish-39ss.squarespace.com/ Hope someone can advice? Thanks

Hi all, I need to add a banner to my shopping cart and order confirmation pages as my logo and main header is white - so you can't see it... see screenshots below. Any ideas if I can do this with some code? ...or alternatively guess I could invert the colours of the logo and header so they show up? Not sure what is easier here. Any ideas? Site is erikahansendesign.com using the Hyde template.

Hello, thanks for helping. I would like my Image Title to appear below the Lightbox, gallery image in my Brine theme (ideally on both desktop and mobile). I am using Aria theme. I can't find this CSS solve for this anywhere. Currently the image opens in Lightbox, and if you hover on desktop, the title appears on top of the image. The title does not appear over the image at all on mobile. 1. Is this possible? What is the code I should add to custom CSS? 2. If this is not possible, is it possible to make the text appear on hover (for both desktop and mobile)? Thank you in advance for your help. I very much appreciate it! I'm happy to answer any further questions. -NIK

I have an intro area that seems to be part of the header that is pulling the banner image from my homepage into it and cropping it, leaving the homepage text in another section. I'm at a loss as to how to fix this. I can't delete the intro area and I don't see it on other pages. Any ideas? www.ruprecht.com

Hi, I have big text across the middle of the intro with wide letter spacing. On the desktop it displays correctly but on the mobile the spacing is reduced. I have attached screen grabs. Can anyone help?? www.thevibemovement.co.uk p/w-mysite100 This is using Miller Thank you in advance!! Mike Desktop (correct): Mobile (too close):

I've made the header fixed using below code but the header is not on the top of the page. When I scroll down I can see a little bit of the content showing through small gap at the top of the page (screenshot attached). How can I move the header to the top of the page please? .Header { position: fixed!important; z-index: 1000; width: 100%; } https://rhombus-paddlefish-39ss.squarespace.com/ Cheers

Hello! I'm creating an Index homepage and i want my logo to be centered over my landing gallery like below . The only way I can seem to do this right now is by changing my Navigation placement to Top and putting the logo in the bottom, but then I get that stupid bar at the top where the navigation is. Ideally, both the navigation and the Logo float over the gallery images. Thank you so much!