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"




Comments

Post a Comment

Popular posts from this blog

3D Carousel on Squarespace website with html css and js code by jishaansinghal

-
Image
I'm going to show you how to add 3D Carousel on the Squarespace website with HTML CSS and JS code by jishaansinghal Paste this code in a Code Block: <div id="contentContainer" class="trans3d"> <section id="carouselContainer" class="trans3d"> <figure id="item1" class="carouselItem trans3d"><div class="carouselItemInner trans3d">1</div></figure> <figure id="item2" class="carouselItem trans3d"><div class="carouselItemInner trans3d">2</div></figure> <figure id="item3" class="carouselItem trans3d"><div class="carouselItemInner trans3d">3</div></figure> <figure id="item4" class="carouselItem trans3d"><div class="carouselItemInner trans3d">4</div></figure> <figure id="item5" class="caro...
Read more

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

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

-
  HTML   /   HTML Document Structure Before And After HTML5 – Here’s What Changed  / HTML Article Element: Learn When (And Where) To Use It Now HTML Article Element: Learn When (And Where) To Use It Now In  HTML Tags ,  New Disclosure:  Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page.  Learn more Element of HTML Document Structure Before And After HTML5 – Here’s What Changed What does  HTML Article Element: Learn When (And Where) To Use It Now  do? The <article> element identifies a self-contained piece of content which could theoretically be distributed to other websites and platforms as a stand-alone unit. The <article> element is a good choice to contain entire blog posts, news articles, and similar content. Display block Usage semantic | structural Independent Unit of Content The  <article>  tag is one of the new semantic element...
Read more