Posts

Showing posts from August, 2021

show you how to add CUSTOM CART ICON WITH TEXT with full source code style on the Squarespace website with a custom Code!

-
Image
       CUSTOM CART ICON ON SQUARESPACE In this video, I'm going to show you h ow to add CUSTOM CART ICON WITH TEXT with full source code  style on the Squarespace website with a custom Code! Add a custom design with full source code  style on the Squarespace website with a custom Code!  How To Install: Go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box. An updated style. This plugin uses a CSS editor and works with Squarespace. Add active effect on Squarespace  7.1 by jishaansinghal. This code uses a CSS editor and works with Squarespace templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Custom Cart Icon // .header .header-actions-action--cart .icon { background : url ( YOUR IMG URL ) center no-repeat ; stroke : transparent !important ; conte...
Post a Comment
Read more

how to add flip effect social icon on hover cms with squarespace by jishaansinghal

-
Image
In this video, I'm showing you how to add a flip effect social icon on hover 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. You can change the  animation   timing or value which you wanted. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Flip Hover Social and header element Icons // .header-actions .header-actions-action--social a { -webkit-transform : scaleX ( 1 ) !important ; -moz-transform : scaleX ( 1 ) !important ; -ms-transform : scaleX ( 1 )...
Post a Comment
Read more

how to add frosted and blurred effect on squarespace button with custom css by jishaansinghal

-
Image
In this video, I'm showing you how to add frosted and blurred effects on the Squarespace button with custom CSS Code!    How To Install: Add a button to any page with any button style.  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. You can change the backdrop color or value which you wanted. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- //Frosted and blurred button // .sqs-block-button a { background-color : rgba ( 0 , 0 , 0 , .1 ) !important ; backdrop-filter : blur ( 8px ) ; -webkit-backdrop-filter : blur ( 8px ) ; } Cust...
Post a Comment
Read more

In this video I'm going to show you how to install and use owlcarousel with cdn and full source code by jishaansinghal.

-
Image
  In this video I'm going to show you how to install and use owlcarousel with cdn and full source code by jishaansinghal.  How To Install: -------------------------------------------------------------------------------------------------------- // Copy and Paste This 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> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <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...
Post a Comment
Read more

How to add a linear gradient color button with full source code style on the Squarespace website by jishaansinghal

-
Image
How to add a linear gradient color button with full source code  style on the Squarespace website with a custom Code!  How To Install: Add a button to any page with a solid or outline button style.  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. An updated button style with a solid button style. This plugin uses a CSS editor and works with Squarespace 7.0, 7.1. add active effect on Button on Squarespace 7.0, 7.1 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.0, 7.1 templates. This code uses CSS editor Copy and pastes the code below into the editor box. -------------------------------------------------------------------------------------------------------- // Gradient Button // .sqs-block-button .sqs-block-button-element { background : grey ; background : -webkit-linear-gradient ( to top , #0000000 , #ffffff ) ; background : -webkit-gradi...
Post a Comment
Read more