FAQ display problem

[matthic]

Hi,

I have 2 problems with my FAQ page :

– On the FAQ page (FAQ page) the accordion displays correctly by in each tab there is not space below the text, just above… How can I fixe that to have it like in your demo?

– On the checkout page (or on the “My Account” page) I am using the Modal 4 content to show that same FAQ. But the opening effect seems to be broken and the design when it’s displayed isn’t right : no color on hover, text is big…

I was using a cache plugin on the website (WP Rocket) and deactivated it to make sure it’s not coming from that but it’s still the same.

Thanks for your help!
Alex

[matthic]

Hi,

Does anyone has any idea about this problem?

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

.spb_accordion .ui-accordion .ui-accordion-content {
    padding: 15px 15px 20px!important;
}

Didn’t understand exactly where in the checkout you are having that issue.
Can you attach a screenshot of that modal content? thanks

-Rui

[matthic]

Hi Rui,

Thanks for your answer!

For the checkout page, the problem is with the FAQ “popup” design. I attached the checkout page screenshot.

I also attached the FAQ from “My account” page and you can see that both don’t have the same font, design and size. The My account page is the right one but I don’t know why it’s not the same on the checkout page (it should be). If you test also the hover doesn’t work in the checkout page…

Thanks!
Matt

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Just to confirm, you want the Faqs on the checkout page to look exactly like the ones on the my account?
Can you provide me a login credentials so I can see the my account page?

Thanks

-Rui

[matthic]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Can you add the code below to your custom css option

 #faqs .ui-helper-reset {
    font-family: Karla, serif;
    font-size: 14px!important;
}

#faqs .ui-helper-reset h4 a:hover {
    color: #eabe12;
}

Let us know if it worked.

-Rui

[matthic]

Hi Rui,

It works thanks!
How could I get less padding on the FAQ popup now? Because the padding in each tab (before and after the text) is really big compared to what I have here in the accordion of this page : Regular FAQ page

Thanks!
Alex

[Rui Guerreiro – SUPPORT]

Try this code below.

#faqs .spb_accordion .spb-asset-content {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

-Rui

[matthic]

Works great!

Thanks!

[Kyle – SUPPORT]

Great! Thanks Rui

[tkhong]

Hi, I also have an issue with the modal box.
See attached image. The FAQ answers are missing 10-2-px of the first words.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

@tkhong Please create a new thread so you can privately post your WP URL/login details for us.