Show header after scrolling 1st Section on squarespace 7.0 & 7.1 website || jishaansinghal
Show header after scrolling 1st Section on squarespace 7.0 & 7.1 website || jishaansinghal https://youtu.be/ZmzmpynqU3A https://www.fiverr.com/s/BRjKpbb
How to use and install custom FAQ plugin with full source code by jishaansinghal
How to install and use FAQ with full source code by jishaansinghal
Copy and paste it
**************************
<!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-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
.faq{
width: 80%;
}
h3{
padding: 15px 0px;
box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, .5),
inset 5px 5px 5px 2px rgba(0, 0, 0, .5);
}
body{
background: linear-gradient(to right, #abc, #de4,green);
}
</style>
</head>
<body>
<div class="faq">
<h3>This is Question no: 1</h3>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quisquam natus voluptatem provident quos, blanditiis aliquam autem, nobis corrupti iusto eligendi harum, velit? Consequuntur, nam, voluptatem perferendis libero reprehenderit nisi.</p>
</div>
<h3>This is Question no: 2</h3>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quisquam natus voluptatem provident quos, blanditiis aliquam autem, nobis corrupti iusto eligendi harum, velit? Consequuntur, nam, voluptatem perferendis libero reprehenderit nisi.</p>
</div>
<h3>This is Question no:3</h3>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quisquam natus voluptatem provident quos, blanditiis aliquam autem, nobis corrupti iusto eligendi harum, velit? Consequuntur, nam, voluptatem perferendis libero reprehenderit nisi.</p>
</div>
<h3>This is Question no:4</h3>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quisquam natus voluptatem provident quos, blanditiis aliquam autem, nobis corrupti iusto eligendi harum, velit? Consequuntur, nam, voluptatem perferendis libero reprehenderit nisi.</p>
</div>
<h3>This is Question no:5</h3>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit quisquam natus voluptatem provident quos, blanditiis aliquam autem, nobis corrupti iusto eligendi harum, velit? Consequuntur, nam, voluptatem perferendis libero reprehenderit nisi.</p>
</div>
<script>
$( function() {
$( ".faq" ).accordion();
} );
</script>
</body>
</html>
****************************************************************
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:how to Change the Color On the Hover Header button . 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 # #squarespacehackhowto #customizesquarespace #css #squarespacetrickss #2021 #2020#2022,squarespacewebsitedesign,squarespace,css,jishaansinghal,designer,jquery,squarespacewebsite,customcss,design,announcementbar,squarespacewebsitedesigner,animated,html,fiverr,codecheatsheet,#faq
"JISHAANSINGHAL"
Popular posts from this blog
how to add a button as a circle button on the Squarespace by jishaansinghal
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...
How to add Follow the cursor GSAP animation on your squarespace 7.0,7.1 website with full source code in 2022 by jishaansinghal
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...
How to add Vector Scrolling GSAP animation Effects on your Squarespace Website in 2022 with full source code by jishaansinghal
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...
Comments
Post a Comment