FAQ display problem – swiftideas

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 12 replies, 5 voices, and was last updated 7 years by David Martin – Support.

Viewing 13 posts - 1 through 13 (of 13 total)

Back to forum

Posted in: Atelier
May 8, 2016 at 6:13 pm #266019

matthic
Member

Post count: 38

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

May 9, 2016 at 12:16 pm #266141

matthic
Member

Post count: 38

Hi,

Does anyone has any idea about this problem?

Thanks!

May 9, 2016 at 2:38 pm #266191
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
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
May 9, 2016 at 2:50 pm #266195

matthic
Member

Post count: 38

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.

May 10, 2016 at 11:48 am #266395

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

May 10, 2016 at 4:38 pm #266510

matthic
Member

Post count: 38

This reply has been marked as private.

May 11, 2016 at 5:41 pm #266912
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
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
May 11, 2016 at 8:12 pm #266936

matthic
Member

Post count: 38

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

May 12, 2016 at 10:55 am #266995
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Try this code below.
```
#faqs .spb_accordion .spb-asset-content {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
```
-Rui
May 13, 2016 at 3:00 pm #267344

matthic
Member

Post count: 38

Works great!

Thanks!

May 13, 2016 at 3:29 pm #267368

Kyle – SUPPORT
Moderator

Post count: 35880

Great! Thanks Rui

November 7, 2016 at 2:21 pm #300807

tkhong
Member

Post count: 35

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.

November 7, 2016 at 2:23 pm #300810

David Martin – Support
Moderator

Post count: 20834

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

Posted in: Atelier