Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

How to have all FAQ questions load open?

FAQload closedload open
    • 5 years, 7 months ago CGLLC
      Participant

      What custom css can I add so that all questions in the FAQ section load open rather than  closed on page load?

    • 5 years, 7 months ago Mirela
      Participant

      Hello,

      This can no tbe done thru css. You will need to edit the faq file. Please go to vc_templates/faq.php and find this block:

        $output .= '<div class="accordion-group '.esc_attr($sort_classes).'">';
                              $output .= '<div class="accordion-heading '.( ($i == 1)?'in_head':'' ).'">';
                              $id = rand(0, 50000);
                                  $output .= '<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion'.esc_attr($nr).'" href="#toggle'.esc_attr($id).'">';
                                      $output .= get_the_title();
                                  $output .= '</a>';
                              $output .= '</div>';
                              $output .= '<div id="toggle'.esc_attr($id).'" class="accordion-body in'.( ($i == 1)?'in':'' ).' collapse ">';
                                  $output .= '<div class="accordion-inner">';
                                      $output .= get_the_content();
                                  $output .= '</div>';
                              $output .= '</div>';
                          $output .= '</div>';
      

      Edit to this:

       $output .= '<div class="accordion-group '.esc_attr($sort_classes).'">';
                              $output .= '<div class="accordion-heading in_head">';
                              $id = rand(0, 50000);
                                  $output .= '<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion'.esc_attr($nr).'" href="#toggle'.esc_attr($id).'">';
                                      $output .= get_the_title();
                                  $output .= '</a>';
                              $output .= '</div>';
                              $output .= '<div id="toggle'.esc_attr($id).'" class="accordion-body in collapse ">';
                                  $output .= '<div class="accordion-inner">';
                                      $output .= get_the_content();
                                  $output .= '</div>';
                              $output .= '</div>';
                          $output .= '</div>';

      Save changes.
      Keep in mind that this change will be overwritten from the next theme update you take, so we recommend to save a copy of the edited file.

      Best regards!

Viewing 1 reply thread

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password