Media panel interface

[Lorraine]

Hi,

My media panel interface now looks like the screenshot attached.

Is this being done by the theme?

Thanks.

[Anonymous]

Hi @keen,
nope nothing from theme side, might be any other plugin is adding some additional script to media panel.
Regards
Varun Dubey

[Lorraine]

It all seems to be related to the button styling – all of which is coming from the Boss CSS e.g. width @ 200px, display: inline-block etc. If I remove this styling the panel starts to look ok again.

[Lorraine]

Another point to add is that the media uploader looks normal in the back end. It’s only the front end being affected.

[Anonymous]

Hey @keen, what exactly you are using for media uploader from front-end ?

[Lorraine]

I’m using BuddyForms. I’ve already contacted Sven about it, but he doesn’t think it’s his plugin.

I have disabled plugins to test for conflicts and not found a culprit – I can’t test BuddyForms because it provides the front-end posting functionality.

[Anonymous]

Hey @keen, I have reported about this to developer and it will be fixed shortly
Regards

[Lorraine]

Thank you.

[Lorraine]

I’ve heard back from the plugin developer and he has confirmed it isn’t a BuddyForms issue and is this css file:

boss/css/main-global.css

media="all" .btn, button:not(#searchsubmit):not(.update-cover-photo), input[type="submit"], input[type="button"]:not(.button-small), input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span, a.button, #create-group-form .remove, #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, .entry-title a.button, span.create-a-group > a, #buddypress div.activity-comments form input[disabled], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff; font-size: 14px; font-family: inherit; letter-spacing: 1.2px; padding: 12px 4px 11px; background-color: #4dcadd; border-radius: 4px; display: inline-block; width: 200px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-sizing: border-box; border: none; line-height: 17px; cursor: pointer; text-shadow: none; }

Hope this helps.

[Anonymous]

Hey @keen
yes, that due to btn class which is overriding it, I have added it as high priority task will be resolved shortly.
Regards

[Lorraine]

Hi @vapvarun

Do you have a timeframe for this fix?

Many thanks

[Anonymous]

Hi @keen, it is fixed and will be released in our next update
Regards

[Lorraine]

Excellent news 🙂