annie_mwm

Thank you @paul2009, that's clear 🙂

@paul2009 I have the same concern : I would like to offer a digital course, one time payment and to expire after one year. I don't want my clients to be charged automatically after 12 months...

If I choose Subscription, price it at $60, repeat after Year, the column for selecting the number of year is inactive. Is that mean the subscription will end after 1 year? I'm not sure if it's a bug or intended to work like this... 

See the attached screen capture.

Thank you @tuanphan🙏

@tuanphan Desired position : I placed a Summary Block at the end of the blog post. I would like the pagination to appear above the Summary Block. See the screen capture. Thank you!

I don't think I need to provide the website URL... The site is under construction and I want to preserve the confidentiality of my client.
I provided a screen capture and a written description of the situation. This is a typical behaviour in Squarespace : The pagination block ALWAYS appear at the end of a blog post, just ABOVE the footer.

So my question is: is it possible to move the position of the pagination block to make it appear somewhere else within the blog post section? 
Thank you 🙏

Hello Squarespace aficionados! 👋  I would like to move the pagination block ABOVE the Summary block in a blog post page. Is  there a CSS code I could use to change the order of this element?

See the image below for a visual example of what I try to achieve : 

I found this snippet code here and it works fabulous!

https://codepen.io/Repkit/pen/PzJqZe

Just add the HTML as an embed block where you want your video to appear:
 

<div class="container">
  <iframe class="media" width="560" height="315" src="https://www.youtube.com/embed/rk16JND1kOY" frameborder="0" allowfullscreen></iframe>
</div>

and then this part goes in the custom CSS 

 

#block-id-here .media{
  -webkit-box-shadow: 10px 10px 61px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 61px 6px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 61px 6px rgba(0,0,0,0.75);
}

#block-id-here .container:before {
  content: '';
  z-index: 2;
  position: absolute;
  width: 560px;
  height: 315px;
  -webkit-box-shadow: 0 0 0 7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 0 7px rgba(0,0,0,0.75);
  box-shadow: 0 0 0 10px rgba(0,0,0,0.75);
/*   box-shadow: 0px 0px 61px 6px rgba(0,0,0,0.68); */
  pointer-events: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

Here is the final result in a Squarespace web page:

@tuanphanAny update here? I'm going to create a pop up and would like to use a transparent PNG to have a "custom" shape (not the regular square/rectangle shape).

I'll try with the first snippet code you posted here.

On 7/7/2020 at 4:19 PM, rwp said:

#collection-5e6fc99f4c83170df780908e .Site.loaded .Cart {
    filter: invert(1);
}

 

I used this instead : 

#collection-622670b28a87f361407f482f .header .header-actions-action--cart .icon,  .icon-cart-quantity {
    filter: invert(1);
}