colin.irwin

Find the collection id of the page in question. You do this by inspecting the source code and looking at the body tag. Then insert the collection id into the following code (making sure you keep the # character in the code) and paste the edited code into your custom css area. #collection-id-here { header, footer { display: none !important; } }

Here's what you need to do. First, wrap your code as follows <script> window.Squarespace.onInitialize(Y, function(){ // Your code here }); </script> This will execute the code on each page load. Next, you may need to modify the code so that it only runs for the specific page. You do this by testing the body tag for the presence of the specific collection id.

Excellent!

Can you post a link to your site?

It looks like the syntax highlighting on this forum also strips the / from tags. I have tweaked the code above, please try again.

It looks like you are working on a gallery page rather than a page with a gallery block on it. You should create an Index page in the navigation and drag your gallery page into the index. Then you should create a Page and drag that into the Index, under your gallery. Then you should be able to edit the Page and insert blocks and arrange them as you like.

Can you share your modified code?

Click the page Edit button. Hover your mouse over the page until a sideways teardrop appears. Click it and a block menu should appear.

If it's the team member gallery you want to customise the code would be .summary-item a[href^="/en/teamphoto"] { pointer-events: none; }

As a test I created a gallery called test gallery. Then I gave some of the items in the gallery links I created a summary block on another page that uses the gallery as the source of its images. Then I created a css rule to kill pointer events for any summary items whose link is from the original gallery (begins with /test-gallery). It works as expected. Items with no clickthrough url have a standard cursor and are not clickable but those with a clickthrough work properly. Here is the code - insert it at the bottom of your custom css area after any other code that may already be there. You'll need to tweak href ^= "***" to reflect your gallery slug .summary-item a[href^="/test-gallery"] { pointer-events: none; }

Do you have a link to a page with such a summary block?

The following css should be added to the Advanced tab of your cover page settings. <style> .sqs-slice-buttons { animation: fade-me-in 3s; } @keyframes fade-me-in { 0% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;} } <style> There are 2 sections to the code. In the first section you set the total length of the fade in, from invisible to fully visible. It is set to 3 seconds above but you can change it. In the second section you can define how long the buttons stay invisible before they start to fade in. In the example it is set so that the buttons remain invisible for 80% of the3s animation duration (2.4s invisible) and then fades in over the remaining 0.6s.

Do you mean text?

ALL CAPS TEXT is more difficult for people to understand. Avoid using it in body copy.

Your copy uses passive voice a lot. It tends to bury the meaning of sentences. There are also lots of long sentences that you should consider splitting up for easier screen reading. For instance Could be better with active voice.

I would lose the graphic text on your banner - it crops off screen on many screen sizes.

You can’t. It makes the feature useless for anything other than brand new sites.

It seems to me that the best approach would not be to attempt to glue two or more plugins together. Instead you should set up the products with all of the variant information but hide the dropdowns using css. ) Then you should be able to parse the variant data using javascript and use it to construct a front end similar to the one in the example you have. The variant data is already on the product page (as JSON, from memory). Interacting with your custom front end would set the values on the hidden dropdowns. Then, once the user has completed their selections they can click add to basket and the hidden dropdowns will already be set to the correct values to do the job. Essentially, you're abstracting the complexity.

Add the following to your custom css after any other code that may be there. .Header-nav--primary .Header-nav-inner { a.Header-nav-item[href="/"]:hover { color: pink !important } a.Header-nav-item[href="/about-jessica-1"]:hover { color: blue !important } a.Header-nav-item[href="/services-1"]:hover { color: green !important } a.Header-nav-item[href="/praise"]:hover { color: blue !important } a.Header-nav-item[href="/portfolio"]:hover { color: blue !important } a.Header-nav-item[href="/blog"]:hover { color: blue !important } a.Header-nav-item[href="/contact"]:hover { color: blue !important } } You should then change the color values to those you want. NB. I've inserted named colours but you can get more shades using hex or rgb colours.

Also - your name doesn't appear to be that unique. There are lots of Clayton Carrolls on LinkedIn, for instance. See - https://www.linkedin.com/search/results/people/?firstName=Clayton&lastName=Carroll&origin=SEO_PSERP Also dozens on Facebook..

A few questions / points: Are you using the Squarespace provided subdomain rather than your own domain name? This could have a negative SEO impact Your name only appears in the site name. That's not a lot for Google to go on when it's working out an authority score. It seems like you're shying away from providing a lot of content, However, at present you have hardly any content and that's not a good thing. Links from old sites have a tendency to stick around, especially if they are from large authority sites. To Google most recent is less important than most relevant. You should consider creating links from your social site profiles (LinkedIn, Twitter, etc) to your new site. Have you told Google that your site exists? Google can behave strangely for new sites. They may initially be indexed and then suddenly disappear, only to return weeks later once Google has decided on a ranking. Even then, there is no guarantee you will reach the top. Consider setting up and maintaining a Google My Business profile

Try adding this to the custom css area, after any other code that may be there. Also remove your code. @media only screen and (max-width: 768px) { body { h1,h2,h3,p,li,a,em,i,strong { -webkit-hyphens: none !important; hyphens: none !important; } .page-desc p { -webkit-hyphens: none !important; hyphens: none !important; } } }

The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }

It is. Go to Settings > Site Visibility > Password Protected and add a password Then share the url and password here.

Try somthing like this in your custom css @media only screen and (max-width: 640px) { .sqs-slice-group.group-copy { padding-top: 147px; } } Then play with the padding-top value to get something that works well across mobile devices.