Jump to content

karan

Circle Member
  • Posts

    32
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    karan reacted to bhua_2022 in Video won't play automatically on the landing-page   
    Thank you so much! It works!
  2. Like
    karan got a reaction from Earvin in How to add price filter with range slider in product categories   
    You have to create your custom javascript for that.
  3. Like
    karan got a reaction from Earvin in How to add price filter with range slider in product categories   
    Hi Bhavik,
    Ask your client to purchase Universal plugin from here;
    https://www.squarewebsites.org/squarespace-plugins/p/universal-filter
    Install it. If look doesnt match you have to customize according to your needs.
  4. Like
    karan got a reaction from bhua_2022 in Video won't play automatically on the landing-page   
    @bhua_2022 
    You have to update your code.
    First add id in video tag like this
    <video id="logovideo" playsinline webkit-playsinline loop muted autoplay src="https://static1.squarespace.com/static/5845886620099e10cb851e10/t/66696e95624a89301ee59d03/1718185622431/01_BHUA+Landingspage+Collapsed+ending.mp4"></video> and add code as JavaScript to hide video after video ended.
     
    <script> document.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('logovideo'); video.addEventListener('ended', function() { video.style.display = 'none'; }); }); </script>  
  5. Thanks
    karan got a reaction from bhua_2022 in Video won't play automatically on the landing-page   
    Here is the css code to solve cut off out of frame issue;
     
    <style> video#logovideo { width: 100%; height: 100%; position: fixed; z-index: 99; background-color: #000; } </style>
    Remove previous JavaScript code and add below new code. New code is for showing video logo for once;
     
    <script> document.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('logovideo'); var cookieName = 'videoWatched'; // Function to set a cookie function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } // Function to get a cookie by name function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // Function to erase a cookie by name function eraseCookie(name) { document.cookie = name + '=; Max-Age=-99999999;'; } // Check if the cookie exists if (getCookie(cookieName)) { video.style.display = 'none'; } else { video.style.display = 'block'; } // Event listener for video ended video.addEventListener('ended', function() { setCookie(cookieName, 'true', 1); // Set cookie to expire in 1 day video.style.display = 'none'; }); // Erase cookie on tab close window.addEventListener('beforeunload', function() { eraseCookie(cookieName); }); }); </script>  
  6. Like
    karan got a reaction from Inkdave in Scroll problem   
    I have windows PC I dont see issue. Its Mac glitch.
  7. Like
    karan got a reaction from tuanphan in Custom CSS for nav bar stopped working   
    Hi @Juisafish ,

    @tuanphan  wants to tell you that you have copy "custom-css" which you have added in custom panel of site which can be located in https://fanny-lelorrain.squarespace.com/config/pages/website-tools/custom-css page.

    Also I can see there is typo error code in custom css. Look for code 
    content: “+“; and replace it with 
     
    content: "+"  
  8. Thanks
    karan reacted to Juisafish in Custom CSS for nav bar stopped working   
    Thank you, your correction did the trick!
  9. Like
    karan reacted to Beyondspace in Code block too big on mobile   
    How can I can check this block. It can be accessed from my end

  10. Like
    karan reacted to bycrawford in How to make Footer Transparent   
    What do you mean by transparent? What will the user actually see the footer as?
    Do you want there to be an image as the background? Otherwise you'll have to have some form of colour.
  11. Like
    karan reacted to tuanphan in extra whitespace below image carousel   
    You try adding this to Design > Custom CSS
    @media screen and (max-width:767px) { .fe-64684cacdc90b979ca19a685 { grid-template-rows: repeat(40,minmax(24px, auto)) !important; } }  
  12. Like
    karan got a reaction from tuanphan in extra whitespace below image carousel   
    Hi kendral
    There seems to be an issue with your About Us page that can be resolved by implementing mobile CSS code. However, it is important to note that if it's not properly addressed, the problem may persist. To align it correctly, custom work is required, along with an explanation on how to achieve it using the Squarespace mobile editor. If you are interested in paid assistance, please let me know.
  13. Like
    karan got a reaction from tuanphan in Custom code not working for folder within header   
    Add to Design > Custom CSS
    div.header-nav-item--active a + div>div.header-nav-folder-item--active .header-nav-folder-item-content { background: none; }  
  14. Like
    karan got a reaction from tuanphan in Floating Back to Top Button   
    Okay remove previous code I have sent for arrow size. Copy new code from below and add it.

     
    #wm-back-to-top .btt-background { height: 60%; width: 60%; } @media (max-width:767px){ height: 100%; width: 100%; }  
  15. Like
    karan reacted to paul2009 in Embed issues with Knack   
    The code is generating errors on your site so my advice is to reach out to Knack support for assistance
    Unhelpfully, the Knack website states "There have been issues with a handful of [Squarespace templates], be sure to test during your trial if you have a website established with a specific [Squarespace template].
    Let us know what they come back with.
  16. Like
    karan reacted to Chotchss in Embed issues with Knack   
    Thanks, I've already pinged them after trying to see if Squarespace's support team could help.  I appreciate your effort, I'll keep plugging away at it!
  17. Like
    karan got a reaction from jake98 in Floating Back to Top Button   
    Add to Design > Custom CSS
    #wm-back-to-top .btt-background { height: 89%; width: 85%; } Let me know if its solves size issue.
  18. Like
    karan got a reaction from jake98 in Floating Back to Top Button   
    Add to Design > Custom CSS
    #wm-back-to-top{ min-height: 65px; }  
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.