FAQ page

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

Hi everyone, I'm trying to edit my FAQ page it's almost done the only thing I'm stuck with is the text style. I want to make the size of the text smaller and also change the font style but I don't know how to do it without effecting the whole website. 

Can anyone help me out?

https://www.lovexvalour.com/faqs

The password is: Key000000000

Add to Design > Custom CSS

 /* FAQ page title size */
body#collection-6001da758589f273e9a7e1bf .markdown-block h3 {
    font-size: 15px !important;
}

You can also use this plugin to add accordion, easier to install/customize.

thanks for the reply Tuan, the code did markdown the size of the text, however, it didn't do exactly what I was looking for.

it did manage to scale down the sub headers but didn't effect the main header and the content under the subheaders.

I am using this code already for the accordion: 

<script type="text/javascript"
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").fadeToggle();});
 });
 </script>

Hi,
Please check this free extension.  You can build your FAQ accordion without coding. Just check this styles and this video to learn more how it works.

Please let me know if you have any question or add me to install it for you!

Best,
Leopold

On 2/19/2021 at 9:15 PM, kamrojo said:

thanks for the reply Tuan, the code did markdown the size of the text, however, it didn't do exactly what I was looking for.

it did manage to scale down the sub headers but didn't effect the main header and the content under the subheaders.

I am using this code already for the accordion: 

<script type="text/javascript"
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").fadeToggle();});
 });
 </script>

I see your site on tablet, has a huge space here. Do you want to remove it?