TheHouseOfMischief

Hi @tuanphan, sorry I missed your reply last time, thank you so much for your help, appreciate it as always, worked a treat. All the best.

It honestly feels like Squarespace has abandoned their membership platform, and months after the release has not addressed the numerous issues and limitations.

This is the main reason for NOT using Members Area. Squarespace need to communicate a roadmap here, otherwise this product is not interesting.

Try again with
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $(".sqs-search-ui-text-input .search-input").attr('placeholder','new text'); }); </script>  

Site URL: http://www.edhopkinspr.co.uk
Hi, I'm new here so please accept my apologies if I have not posted this correctly. 
I have a background video on my site - It works perfect on a desktop but it doesn't display correctly on a mobile it is pinched in. I have read through over threads and tried lots of codes but nothing seems to work. Any help would be really apriecated. 
Many thanks in advance 
Ed 

Site URL: https://sanctuarymediagroup.squarespace.com/#testimonials
Hi there,
I have created a testimonial slider in 7.0 (Brine) with the testimonials set up in a hidden Blogs page and the code below.
Is there a way to change the navigation from the existing arrows at the top to a 'dots navigation' below the testimonials, which would make it easier for users to understand there is more than one testimonial.
This is the web address 
https://sanctuarymediagroup.squarespace.com/#testimonials
Password SMG
Many thanks!
 
********CSS********
#block-yui_3_17_2_1_1630433547364_2252 .summary-thumbnail {
  overflow: visible !important;
  border: none;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-item-list {
  pointer-events: none;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-item-list img {
  height: 150px !important;
  width: 150px !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-thumbnail-outer-container {
  height: 150px !important;
  width: 150px !important;
  margin: 0 auto;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-excerpt {
  margin-top: 30px !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .summary-excerpt p {
  font-size: 24px !important;
  line-height: 1.6em !important;
  text-align: left !important;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
  color: #FC0061 !important;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
  color: #292933 !important;
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
#block-yui_3_17_2_1_1630433547364_2252 .sqs-gallery-design-carousel .sqs-gallery-controls {
  width: 100%;
  padding-right: 20px;
}
 
 
Also just to flag that I am currently using also this header code injection for automatic rotation of the testimonials
********HEADER CODE INJECTION********
<script>
Y.on('domready', function () {
var galleries = Y.Squarespace.GalleryManager.getGalleries();
var duration = 15000;
var gallery=galleries[0];
var carousel=gallery["gallery-design"];
var totalGroups=carousel.get('totalGroups');
var currentGroup=0
var container=gallery.get("container");
var nextBtn=Y.one(gallery.get("elements.next")._nodes[0]).on("click",function(e){
e.preventDefault();
e.stopPropagation();
advanceCarousel()
})
var prevBtn=Y.one(gallery.get("elements.previous")._nodes[0]).on("click",function(e){
e.preventDefault();
e.stopPropagation();
backupCarousel()
})
Y.one(container._node).get('parentNode').on("mouseover",function(){
clearInterval(myInterval)
})
Y.one(container._node).get('parentNode').on("mouseout",function(){
clearInterval(myInterval)
setMyInterval()
})
var myInterval;
function setMyInterval(){
myInterval = setInterval(function(){
advanceCarousel()
},duration)
}
setMyInterval();
function advanceCarousel(){
if(currentGroup==(totalGroups-1)){
currentGroup=0;
}else{
currentGroup++;
} 
carousel.goToGroup(currentGroup);
}
function backupCarousel(){
if(currentGroup==0){
currentGroup=totalGroups-1
}else{
currentGroup--;
}
carousel.goToGroup(currentGroup);
}
});
</script>