Center FAQ Nav and change text

[KerplunkDesign]

Hello,

I’ve searched for this but only found a way, in the Dante forum, to center the actual faqs. I’d like to center the FAQ nav buttons on the page. They are more justified to the left. I’d like them centered. Both when the browser is full size and when scaled to smaller sizes for responsiveness. When browser is scaled now the FAQ buttons align to the left, I want them centered. How do I get this to happen?
Also, how do I change the text at the top from “Browse F.A.Q. Topics” to something custom?

Thanks!

[KerplunkDesign]

I’ve found the way to change the text in the faq.php. But would still like the buttons centered.

Thanks!

[KerplunkDesign]

I’m also wondering how I can adjust the page anchors for the FAQ Nav buttons. When they are clicked now, the go to the correct topic, but the mini header covers the topic title. I’d like to adjust this so the Topic Title is below the mini header not under it. I know this is done with page anchors but how do I change the pixel position of those anchors for the FAQ Nav buttons?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.faqs-nav li a {display: block !important;text-align: center !important;width: 100% !important;}
h3.faq-section-title{margin-top:109px !important}

Thanks 🙂
With Best Regards
Mohammad

[KerplunkDesign]

Hi Mohammad,

Thanks for your help on this! That code doesn’t quite achieve what I was hoping for. I may have not been terribly articulate over what I was looking for. Sorry about that. I’ve attached an altered screen shot with a note on what I’d really like to see.

Also, I see what you were thinking for the faq-section-title{margin-top} but that code isn’t achieving the desired instance. Even when I change the pixel number to more than double, the buttons are still anchored to the first question in a given section. I’m wondering if it is a PHP thing…? Is that where page anchor setting would be? And at that point is it just something I live with…

Thank you!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
1- Please use this custom css code:-

ul.faqs-nav li :nth-child(even){margin-left:75px !important;}
div.faq-hide{display:none:height:100px}

2- Please open to edit faqs.php at /flexform/includes/page-builder/composer/lib/shortcodes/ through FTP software.

Find this code:-
$items .= '<h3 class="faq-section-title" id="'.$cat->slug.'">'.$cat->name.'</h3>';
Replace with:-
$items .= '<div class="faq-hide" id="'.$cat->slug.'"></div>';
$items .= '<h3 class="faq-section-title" >'.$cat->name.'</h3>';

Thanks 🙂
With Best Regards
Mohammad

[KerplunkDesign]

Hi,

I’m sorry but that code isn’t working.

Would it have anything to do with me using a child theme?

[Mohammad – SUPPORT]

Hi,
I see that you removed my code without checking me. Apply my code again and change this css-:

div.faq-hide{display:none:height:100px}
TO
div.faq-hide{visibility:hidden:height:100px}

Thanks

[KerplunkDesign]

Hi,

Ok, I’ve got the FAQ page anchors to work properly now. Thank You! But still don’t have desired space between the FAQ button columns as shown in pic above.

[Mohammad – SUPPORT]

Hi,
I removed code as i gave you last time and used this:-
ul.faqs-nav li:nth-child(even){margin-left:75px !important;}

Thanks 🙂
With Best Regards
Mohammad

[KerplunkDesign]

That space will getcha! Perfect, Thank you!

[Kyle – SUPPORT]

Great, thanks Mohammad

– Kyle