Expandable Animated Card Slider on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/AGh-Ffeo8Yw Contact Us: https://www.fiverr.com/s/1qgzx59 #cardslider, #squarespace, #jishaansinghal,#css,#html,#js,#jquery,#squarespacewebsite,#customcode

-
Image
Expandable Animated Card Slider on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/AGh-Ffeo8Yw Contact Us: https://www.fiverr.com/s/1qgzx59 #cardslider , #squarespace , #jishaansinghal , #css , #html , #js , #jquery , #squarespacewebsite , #customcode
Post a Comment

add button selection website text and or change background color with custom css by jishaansinghal

-






Add button selection website text and or change background color with custom css on Squarespace 7.0 and 7.1 by jishaansinghal. This code uses a CSS editor and works with Squarespace 7.1 and 7.0 templates.






In this video, I'm showing you how to add button selection website text and or change background color with custom CSS on the Squarespace website with custom Code!

You can change the color value which you wanted.





This code uses CSS editor Copy and pastes the code below into the editor box.

--------------------------------------------------------------------------------------------------------



 //add button selection website text and or change background color on Squarespace 7.0 and 7.1//


::-moz-selection{

background: gold;

color: #fff;

}
::selection{

background: gold;

color: #fff;

}




--------------------------------------------------------------------------------------------------------


If you need help designing, updating, or implementing custom code on your Squarespace website, you can hire me to do so through my contact page:








Connect/Contact with me here


Fiverr       : https://www.fiverr.com/jishaansinghal

Youtube    : https://www.youtube.com/channel/UCIgDfi6qUcTmeepNJ7uqLBQ

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

Twitter      : twitter.com/jishaan_singhal

Instagram : https://www.instagram.com/jishaansinghal

Linkedin    : https://www.linkedin.com/in/jishaan-singhal-1b77b2203

Blogger      : https://jishaansinghal.blogspot.com

Email         : jishaanwm21@gmail.com


Keywords:add button selection website text and or change background color, 7.1, text issues squarespace,how to fix text issues in squarespace,fixing the text in squarespace,squarespace text block,text block squarespace,squarespace text editor,squarespace,how to use Squarespace,squarespace tutorial,squarespace tutorial for beginners,how to use Squarespace 2018,how to add text squarespace,text spacing issue squarespace,Solopreneur Sidekick #squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks #2021 #2020#2022,squarespacewebsitedesign,squarespace,css,jishaansinghal,designer,jquery,squarespacewebsite,customcss,design,announcementbar,squarespacewebsitedesigner,animated,html,fiverr,codecheatsheet


"JISHAANSINGHAL"


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 tra...
Read more

How to add Vector Scrolling GSAP animation Effects on your Squarespace Website in 2022 with full source code by jishaansinghal

-
Image
How to add GSAP animation Effects on your Squarespace Website in 2022 with full source code by jishaansinghal Source Code: Paste this code on Header code injection: <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel='stylesheet' type='text/css'> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script> <script src="https://www.jqueryscript.net/demo/performant-scroll-gsap-vector/jquery.vs.min.js"></script> Paste this code on Footer code injection: <script> // And so concludes the new VectorScr...
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