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

Centering FAQ Dropdown Menu



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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0
Posted (edited)

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.

Edited by tuanphan

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...