FAQ's – page builder – accordion – styling issue

[FlawlessWeb]

Hey,

This is not the first issue I have run into the accordion and its styling of text. See the attached screen-shot.

In this, I have the page builder enabled for the new FAQ custom post type. I created a question within the “E-commerce” topic and setup a text block and then a mirror of that text block saved within an accordion below it.

For some reason, the text within the accordion takes on different styling. Why is that happening and how can it be resolved so its retains the proper text styling?

Thanks.

Attachments:

You must be logged in to view attached files.

[FlawlessWeb]

This reply has been marked as private.

[FlawlessWeb]

This reply has been marked as private.

[FlawlessWeb]

I think I have put together a fix for this. The following needs to be added to your custom css to ensure proper styling within the accordion:

.spb_accordion .spb-asset-content {
font-size: 16px;
font-family: Source Sans Pro;
font-weight: normal;
font-style: normal;
line-height: 160%;
}

Could you test my findings in your own builds and hopefully include this in the themes main css file in a future update?

Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

Will forward this one to Ed.

-Rui

[FlawlessWeb]

Ok thanks.

[Rui Guerreiro – SUPPORT]

No problem.
-Rui

[Swift Ideas – Ed]

Hi Anthony,

Thanks for pointing that out – it’s caused by the jQuery UI stylesheet. This is the css you want to use for continuity:

.ui-helper-reset {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

Included in the next update.

– Ed

[FlawlessWeb]

Thanks Ed, that did the trick.

[Kyle – SUPPORT]

Great, thanks Ed

– Kyle