Support reply may delay for 3 weeks due to corona virus outbreak, please send us email to support@pickplugins.com
0
Accordion icons have no transparent background 1
PickPlugins
May 12, 2016 03:47 PM 4 Answers General
Member Since Aug 2015
Subscribed Subscribe Not subscribe
Flag(0)

Hello, thank you for your wonderful accordion plugin. I tried to insert some custom icons in the header section via html: <img src="URL" width=20 height=20  style="border: 0; padding: 0;" align="right"> The background of these icons is transparent, however the icon appears like this: https://i.imgsafe.org/f9b5b15.png Is there a way to remove the background?   Tank you so much!

0 Subscribers
Submit Answer
Please login to submit answer.
4 Answers
Sort By:
Best Answer
0
Accordion icons have no transparent background 2
steve-bergmann
May 17, 2016
Flag(0)

I figured it out. I had to insert an </div> before the shortcode. Now it works perfectly.
I have another Question: is it possible to copy Accordions? I want to use different accordions with similar content, but on some pages, some tabs shouldn’t be visible?
Is the possible?

Accordion icons have no transparent background 3
Flag (0)
0

I tried to open the accordion via custom URL, but it doesnt work.

/?id=2#ui-id-5
to open the third accordion, right?

Accordion icons have no transparent background 3
Flag (0)
0

Thank you so much, works perfectly

Accordion icons have no transparent background 3
Flag (0)
0

Please use following plugin to copy accordions https://wordpress.org/plugins/duplicate-post/ Regards

Sign in to Reply
Replying as Submit
Best Answer
0
Accordion icons have no transparent background 2
steve-bergmann
May 12, 2016
Flag(0)

Hello, thanks again. That wasn’t my problem.
I want to add some additional icons (png-pictures with transparent background) on the right side of the header. It works with the following HTML Code:
<img src=”URL” width=20 height=20  style=”border: 0; padding: 0;” align=”right”>
The only problem is that in the frontend the background of the icons isn’t transparent anymore, but there appears a white box around them.
(I added some arrows to the picture) http://imgur.com/fzGRL8e
Is there any way to get rid of the box around the icon on the right side? Thank you!

Accordion icons have no transparent background 3
Flag (0)
0

Hi, Thanks for your rpely, sorry to say i can’t access your page , its showing me “Our Website is Under Construction”
Regards

Accordion icons have no transparent background 3
Flag (0)
0
Accordion icons have no transparent background 3
Flag (0)
0
1+ more comments. Sign in to Reply
Replying as Submit
Best Answer
0
Accordion icons have no transparent background 2
steve-bergmann
May 12, 2016
Flag(0)

Thank you for your quick reply. I wanted to add some more icons on the right side for the users to see in which categories the posts in the accordion belong. It works very well with pictures with a colored background, but not with icons (png with transparent background). Here again the screenshot (the icons on the right side are th important ones) : https://i.imgsafe.org/f9b5b15.png
Otherwise i’ll try it with icons that have the same background color as the headers.
Thank you!

Accordion icons have no transparent background 3
Flag (0)
0

Thanks for your reply, you can add custom CSS to add background color for icons, please see the screenshot http://i.imgur.com/Qg2PVAy.png Regards

Sign in to Reply
Replying as Submit
Best Answer
0
Accordion icons have no transparent background 12
PickPlugins
May 12, 2016
Flag(0)

Welcome to our forum, Accoridons icons only support fontawesome icons id, please see the icons here http://fontawesome.io/icons/ you have put the id like this “fa-chevron-up”   Let me know for more help Regards

Accordion icons have no transparent background 3
Flag (0)
0

Please see the screenshot here http://i.imgur.com/0H8NGps.png

Sign in to Reply
Replying as Submit