44degreesnorth

I see you figured it out with this code?
a.eventlist-column-thumbnail.content-fill,h1.eventlist-title { pointer-events: none }  

@paul2009 could you share where that Universal Filter plugin is from in your first post on this thread?  I'd love to install that for clients.
 
[UPDATE! Found it here: https://www.squarewebsites.org/products/universal-filter]

The first thing wrong is that you are using the selector for only medium buttons, which will exclude large or small buttons. The second thing to remember is that form buttons and buttons in the navigation have different class selectors in Squarespace, so I've included those in the following code snippet (.sqs-system-button).
Hope this helps!
.sqs-block-button .sqs-block-button-element, .sqs-system-button { box-shadow: 5px 5px #FF6969; transition: all ease-in .05s; } .sqs-block-button .sqs-block-button-element:active, .sqs-system-button:active { box-shadow: none; transform: translateY(4px) !important; transition: all ease-in .05s; }  

@paul2009 could you share where that Universal Filter plugin is from in your first post on this thread?  I'd love to install that for clients.
 
[UPDATE! Found it here: https://www.squarewebsites.org/products/universal-filter]

I came up with a solution!!! Not as good as a pop up, but will work for now. 
This works on the product page,  you do have to add it to every page, but you could use filters and customize per product if you want. Not perfect, but it works pretty well. 
I created all the add ons as products. They are all in a collection. 
In the "additional information" section, I used a summary block and chose the collection. I used a grid option and reduced the size and spacing. I added quick view which made it simple for them to use as an add on! (can show price, I didn't).
https://www.gatherprovisions.com/gather/p/classic-provisions

Hello,
 
I'm setting a store where the product are classes.
Each class with only be able to take 12 participants, but there are two pricing...
1 for full fee paying students
1 for students with concession
 
I can create the variant, but I cannot associate them to the same product quantity...
Is there a way I can get around this and only set a quantity amount that is SHARED across two variants...?
 

@paul2009 could you share where that Universal Filter plugin is from in your first post on this thread?  I'd love to install that for clients.
 
[UPDATE! Found it here: https://www.squarewebsites.org/products/universal-filter]

This is for 7.1
I found a code for my portfolio gallery that offers a nice alternative to have the caption pop-up at the bottom of the image as hover/overlap with a nice transparent background. The caption only pops-up when the mouse is over the image and no longer appears below the image.
I am using the Grid:strip gallery, and it lets my portfolio images keep their shape while not having to sacrifice the title of my work.
However that being said, I still have not found a successful code to have my caption show up below my image in the Lightbox.
 
In case anyone is curious about the gallery caption hover, I used her code and she included images: https://beatrizcaraballo.com/blog/simple-hover-gallery-strips-7-1 
I made two changes her code because I did not like how much area her overlay covered or her font used. To make the overlay cover less simply change padding size (she originally used padding: 20px 50px, I prefer the padding: 2px 2px)
As for the font, I simply removed her font & size by leaving this blank which will leave the font to customise with my page font themes - this what I used:
font-family: '';
  font-size: ;
  font-weight: ;
  text-transform: ;
She originally had (in case you want to customise):
font-family: 'Lato';
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
Add the code below to Design >> Custom CSS >> (not the header or footer)
If there is custom CSS in there already just add this code below that one
/*CREATING A SIMPLE HOVER MODE FOR GALLERY STRIPS IN 7.1*/ .gallery-caption-grid-strips {   background-color: rgba(255, 255, 255, 0.7);   box-sizing: border-box;   padding: 2px 2px;   max-width: 100%;   pointer-events: none;   position: absolute;   bottom: 0;   text-align: center;   transform: translateY(100%);   transition: transform .3s; } .gallery-section .gallery-caption.gallery-caption-grid-strips p {   font-family: '';   font-size: ;   font-weight: ;   text-transform: ; } .gallery-strips-item {   overflow: hidden; } .gallery-strips-item:hover .gallery-caption-grid-strips {   transform: none; }

Hey @tuanphan,

Thanks for getting back to me.
I got this to work with help from @bangank36 on a different thread.

Site: drirykl.squarespace.com
PW: drirykl
and the code that worked was:

 
.header-title-logo { opacity: 0; position: relative; top: -10vh; transition: all 0.75s; } .shrink .header-title-logo { opacity: 1; position: relative; top: 0; }  

Add to Home > Design > Custom CSS
.sqs-block-video img, .sqs-block-image img { border-radius: 50px; }  

Even more disappointingly, in 7.0, you could add Font Awesome Icons to navigations using Link items. See this search icon which uses this code:
<i class="fas fa-search"></i> I've used that method several times to link from the nav or footer to the /search page on a site.
In 7.1, it appears that code is now disabled in navigation items altogether, meaning you can't do a lot of things—not even make a nav item bold or italics.
That may seem like a small thing but being able to insert code into a nav item (and many other places in SQS) was super useful. A real digression in features.

From everything I've read it looks like the move to 7.1 (and removal of specific templates in favour of design styles) means header search is now gone. Same story with the Sidebar. Both features no longer seem to be supported which is super disappointing. 
The irony is that the Squarespace's own sites use both of these features (header search and sidebar) heavily.
They are great features, please bring them back.