Auto rotating announcement bar with touch enabled on mobile Squarespace website 7.0 or 7.1 || jishaansinghal https://www.fiverr.com/s/Pkmovg #Autorotatingannouncementbar #Squarespace #jishaansinghal

-
Image
Auto rotating announcement bar with touch enabled on mobile Squarespace website 7.0 or 7.1 || jishaansinghal https://www.fiverr.com/s/Pkmovg #Autorotatingannouncementbar #Squarespace #jishaansinghal
Post a Comment

I will add custom html, CSS and js code to squarespace website

-
I will add custom html, CSS and js code to squarespace website


 Are you worried about Functionality to your Squarespace website which not possible as default? Don't Worry!! Any Function Which is possible in Squarespace.


Some Custom Function are:-


  • Magic Header/Fixed header/Sticky header on Scroll
  • Elements Style Changes
  • CSS3 Animation.
  • Content layout changes.
  • Rollover animation effect
  • Typewriter installation
  • Offcanvas Sidebar
  • Collapsible FAQ Section
  • Isotope Filter Plugin Setup with Filter(Price depend on product Number).
  • Master MAP to Show all Blog Post Location
  • TAB Functionality.
  • Video play on mobile device(Please discuss before order)
  • And a Lot More.......................................................



If you want to give me other task related to write HTML/CSS/jquery code and inject to your site, feel free to contact me.


Thanks for looking at my gigs! See My other gigs as well.



Email: jishaanwm21@gmail.com


Facebook: https://www.facebook.com/jishaan.singhal/













Comments

Post a Comment

Popular posts from this blog

how to add a button as a circle button on the Squarespace by jishaansinghal

-
Image
  In this video, I'm showing you how to add a button as a circle button on the Squarespace button with custom CSS Code!    How To Install: Once a button has been added and saved, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box. This plugin uses a CSS editor and works with Squarespace 7.1, 7.0 to add an active effect on Button on Squarespace 7.1,7.0 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.1, 7.0 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Circle Button Style o squarespace // .sqs-block-button-element--medium { padding : 100px 45px !important ; -webkit-border-radius : 50% !important ; -moz-border-radius : 50% !important ; border-radius : 50% !important ; } Customize: You do not need to change the transform or transition va
Read more

How to add Follow the cursor GSAP animation on your squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal

-
Image
How to add Follow the cursor GSAP animation on your Squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal Source Code: <link rel="stylesheet" href="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/css/main.css"> <script src="https://michaelgudzevskyi.com/cursor-hover-effect-gsap/assets/js/bundle.js" defer></script> keywords: squarespace tutorial, squarespace, css, custom cursor, css cursor, squarespace css, cursor javascript, custom cursor css, element follow cursor, follow the mouse pointer, javascript div follow mouse, javascript follow mouse effect, mousemove animation, mousemove animation html css javascript, smooth cursor, mouse cursor, css custom cursor, css hover effects, custom css, animation, web design, cursor css, custom cursor css js, gsap animation, css animation, custom mouse cursor, html, follow the cursor, javascript, intro template no text, intro templates no text, intro template no tex
Read more

How to install and use owl carousel mousewheel animation slider with full source code by jishaansinghal 2022

-
Image
How to install and use owl carousel mouse wheel animation slider with full source code by jishaansinghal 2022 Source Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/> <style> body{ background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1); height: 70vh; } img{ width: 100%; height: 250px; } </style> </head> <body> <div class="owl-carousel owl-theme" style=&
Read more