bryanb11

Hi,
You mean video of projects on homepage?

Thank you Paul! Works perfect 

Try adding this to Design > Custom CSS:
/* Hide pagination titles on mobile */ /* Squarespace 7.1 */ @media only screen and (max-width: 799px) {   #itemPagination .pagination-title-wrapper {     display: none;   } } Did this help? Please give feedback by clicking an icon below  ⬇️

Thomas! Your'e amazing, thank you for this! Works perfectly 

Add to Design > Custom CSS
/* Main links hover */ .portfolio-hover-items-list:hover span.portfolio-hover-item-content { color: rgba(255,255,255,0.3); } .portfolio-hover-items-list:hover span.portfolio-hover-item-content:hover { color: rgba(255,255,255,1); }  

This is pretty easily done.
This can be done by playing with several parameters. The size of the image itself and/or the margins/padding around the images. Here I try the padding.
Add the following to Design > Custom CSS.
#collection-5fd3ef13c11a957e7ef68e4d .portfolio-grid-overlay {   -ms-grid-columns: auto;   grid-template-columns: auto;   grid-column-gap: unset;      } @media only screen and ( pointer: coarse ) and ( min-width: 1025px ), screen and ( min-width: 800px ) {   #collection-5fd3ef13c11a957e7ef68e4d.tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay {        padding-left: 25vw;     padding-right: 25vw;          }   } Let us know how it goes.

Please post the URL to the page where you are trying to achieve this effect.
If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.
We can then take a look at your issue.

Assuming you are using one of the Grid (Overlay or Simple) Layouts for your Others Page, put the following in Design > Custom CSS. If you use a Layout other than one of the grids then this code won't work.
/* 100% (auto) */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: auto;      } Replace /*insert Page collection id here*/ with the collection id for your Others Page.
Do you know how to find the collection id for a Page? If not, let us know and we can help you.
If you don't want the column to take up the whole page following are some variations.
/* 75% */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: repeat(8,auto);      } /*insert Page collection id here]*/ [class^="portfolio-grid-"] .grid-item {   grid-column: 2 / 8;      }  
/* 50% */ /*insert Page collection id here]*/ [class^="portfolio-grid-"] {   grid-template-columns: repeat(4, auto);      } /*insert Page collection id here]*/ [class^="portfolio-grid-"] .grid-item {   grid-column: 2 / 4;      } If you have the business plan then you can put the CSS in Page Settings > Advanced > PAGE HEADER CODE INJECTION.
 
<style>   /* 100% (auto) */      [class^="portfolio-grid-"] {        grid-template-columns: auto;          }        </style> It is basically the same as above just wrapped in a style tag and minus the collection id.
The CSS uses CSS3 substring matching attribute selectors.
Let us know how it goes.