Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Akshat01

Member
  • Content Count

    45
  • Joined

  • Last visited

  1. I did not add it the first time along. I updated the code. :)
  2. Updated the code to add parentheses. Try it now.
  3. Add this code to your custom css from Design> Custom CSS I would recommend adjusting the max-width as per your needs. The padding-top and padding-bottom are currently 150px by default. I have changed it to 10px /*remove padding for mobile devices*/ @media only screen and (max-width: 640px){ .index-section-wrapper .content:not(.gallery-content) { padding-top: 10px; padding-bottom: 10px; } }
  4. @Irosen and maybe @widwotkma might be interested too: Do you still want to implement the FAQ page similar to this: How to create hide/show FAQs in Squarespace? Here is how you would do it, read this Markdown cheatsheet thoroughly.Then insert this code as Markdown: ### + This is the Question this is the answer ### + This is the Question this is the answer ### + This is the Question this is the answer ### + This is the Question this is the answer ### + This is the Question this is the answer Now insert another code block and paste the script provided on Silvabokis.com <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script> See how I have use ### in the code and h3 in the script? If you plan to make h2 toggling, use ## ## + This is the Question this is the answer And the resulting script would be: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script> Excuse me if I couldn’t make it any simpler. If you still need more help, reach out to me on Twitter / akshat_01 Thanks!
  5. as for making H3 bold. I am nut sure this is the best option but you can always make use of bold tag.
  6. http://jqueryui.com/accordion/#no-auto-height I tried doing it by referring to this site.
  7. I am using the 'Reveal' cover page for my website. It supports to Call-to-action button. I want to add one more so that there are a total of 3 buttons. I know I can add more than 2 option by adding them as links but that is not what I want. Can I insert the third button using JS?
  8. Add this to your header injection for that page or just as a code block <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script> $(function() { $( ".accordion" ).accordion(); $(".accordion").accordion({ header: "h3", collapsible: true, active: false ,heightStyle: "content" }); }); </script> then format your FAQ and insert them as a code block too. <div class="accordion"> <h3>question goes here</h3> <div> <p>Answer goes here</p> </div> <h3>question goes here</h3> <div> <p>Answer goes here</p> </div> </div> If you want to further style it, add custom css to .accordion
×
×
  • Create New...