Jump to content

Centering FAQ Dropdown Menu

Recommended Posts

Site URL: https://www.shopmaisaguam.com/faqs

I created an expandable FAQ dropdown menu and want the questions as well as the answers to be center-justified but I can't seem to find where or what code I need to input to get it to look that way.

I used the following two codes to achieve the current result:


Page Header Code Injection

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    $('.markdown-block .sqs-block-content h5').addClass('ui-closed').css('cursor','pointer');
    $(".markdown-block .sqs-block-content h5").nextUntil("h5").slideToggle();
    $(".markdown-block .sqs-block-content h5").click(function() {
      $(this).toggleClass('ui-closed ui-open');


Design -> Custom CSS

.markdown-block p {
  margin-left: 15.em;
.markdown-block .ui-closed:before {
.markdown-block .ui-open:before {
  font-family:monospace;content:"- ";

element.style {

Any and all help is most appreciated! 

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Try add to Code Injection Header

.markdown-block * {
	text-align: justify;

also, you can use this plugin to create FAQ Accordion, easy to install/customize without coding skills.

or use this free tool to add FAQ Accordion Dropdown.



Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.