sorca_marian

Can you send the URLs of the webfonts so I can try to add them?

Or better, paste both code sections from above so it works faster to make changes
 

I have created a video about this:

Hi,

Try to put the URLs in quotes("").

The url does not work: https://www.saramendoza.co/quiz-elegante-fashionista

Hello!

Add the below code in Settings -> Advanced -> Code Injection > FOOTER

 

<script>
window.addEventListener("scroll", function() {
  var siteTitle = document.querySelector("#site-title"); 
  if(window.pageYOffset >= 30) {
    siteTitle.className = "smaller-font";
  } else {
    siteTitle.className = "";
  }
});
</script>

And the below code in Design -> Custom CSS 
 

#site-title.smaller-font {
    font-size : 23px;
}

Hi,

You can add the below code in the page header code injection of the page

<style>
.tweak-portfolio-grid-overlay-height-large .portfolio-grid-overlay {
    padding-top: 5vw;
    padding-bottom: 0;
    min-height: auto;
}
</style>  

Hi Jana,

It is possible with a custom solution to detect the URL from where the visitor came and then do some actions.

Hi,

What category?

1 hour ago, MichelleMcSweeney said:

Hi @tuanphan,

I have a similar query. We're no longer selling online, so we want to change my 'Add to Cart' button link to redirect users to another Page on the site. 

I added to the Custom CSS to remove Add to Cart, and added a new button, the new button appeared way below to product information on the page and couldn't be moved.

All products are hidden until we can display them without purchasing options - but here's a sample: https://www.homesavers.ie/new-page-1

Michelle

Hi Michelle,

You can hide your current add to cart button and add a new button with the below codes.

 

<style>
.sqs-add-to-cart-button-wrapper {
    display : none!important;
}

.custom-button {
    border: 1px solid;
    padding: 10px 15px
}
</style>

<script>
$(document).ready(function() {
  $('<a class="custom-button" href="/page-url">Button name</a>').insertAfter($(".ProductItem-details-excerpt ul"))
});    
</script>

I could build this from scratch for your specific case using custom code.

This would take me about 5 hours

Hi,

I've created a video about this topic.

Maybe it is useful to you:

EDIT:

The video is not part of my course: Squarespace Introduction for Programmers > Membership site

You can add a JavaScript code to add position fixed when the top of the element reaches the top of the browser.

I tried with position sticky but the scenarios did not work

A faster approach is to write some JavaScript but that would take me like 1-2 hours.

I can be hired on Upwork.

Please see my signature below.

Hi,

I am not seeing the secondary navigation in the screenshot.

I see that you have a custom "mega menu" installed

Sure.

Add the code in the code injection of the page

<style>
#thumbList .thumb-title {
    font-size : 25px;
}
</style>

If you want different styles for the two text, wrap the first text in a

<span></span>

Then 

#thumbList .thumb-title span {
 /* CSS HERE FOR TITLE */
}

and 
 

#thumbList .thumb-title em {
 /* CSS HERE FOR LOCATION */
}

Hello!

Why are you not setting the other gallery from the native settings to carousel?

Hello,

You can add

<br>

before

<em>

to display the title and description in a different row.

I am not sure if it still supports custom integration so that we can add it on Squarespace. Or it is only on services where it can be installed as a app.

Hi @releve,

It would take me a few hours.

I just sent you a private message

Hi,

It is possible through 

https://www.cozybycastillo.com/shop/p/rainbow-crop-top?format=json

and access the JSON object

nestedCategories.itemCategories