By Nick Vine on Wednesday, 01 July 2020
Posted in Technical Issues
Likes 0
Views 626
Votes 0
Hi...

Can you please advise how we can apply UiKit styling to the accordion block in EB posts?

Thanks
Additionally, is there a limit to the number of elements one accordion can have (seems there is) and if yes, how do I change?
And... how to start with the accordion elements closed by default?
I can't find documentation... is there any?

Thanks
·
Thursday, 02 July 2020 00:11
·
0 Likes
·
0 Votes
·
0 Comments
·
You can read this documentation how to render the uikit styling https://stackideas.com/docs/easyblog/administrators/how-tos/set-up-uikit-theme but currently we do not have put the element for accordion block.

Do you mean you would like the accordion block header and content follow the styling what you set from the Yootheme template?

If yes, you can try add this following CSS if you are using Yootheme template :


#eb .ac {
color: @base-body-color;
background-color: @background-muted-background;
border-color: @global-border;
}
#eb .ac > .ac-q {
color: @base-body-color;
}

#eb .ac > .ac-a p{
color: @base-body-color;
}


You can follow the number 3rd point what we mentioned in the docs then add this above additional CSS.
·
Thursday, 02 July 2020 11:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Additionally, is there a limit to the number of elements one accordion can have (seems there is) and if yes, how do I change?

Do you mean you would like to restrict user only add 1 accordion block in the blog content? (screenshot : https://monosnap.com/file/GrTUn24oYwJmooUuZfqupiJeIDY9gd )

Or https://monosnap.com/file/TbIgPmC97EyzGG041zIDKQS6IpdMvM
·
Thursday, 02 July 2020 11:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Total weirdness with the accordion. If you want it closed, you have to close it when you are editing the blog entry.
YFS
·
Friday, 03 May 2024 17:14
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post