Plugins Media Library Misbehaving

[presentphuture]

Hi There

I may need your assistance regarding a function of a certain plugin. The plugin is called Buddyblog from BuddyDev and what it does is it allows registered users to write blogs in their buddypress profile like what you would do backend on wordpress. It creates a link called Blog on the user profile and that is where they view post they’ve written and write new posts.

The Problem: When a user writes a new post, they view a WYSIWIG Text Editor just like WP Posts. The problem is when they add media or a featured image. The Media Library pops up perfectly and users can view the images, however when they select the media from the media library. The Insert Selection in both the Add Media Library and Featured Image Library is either clipped off or hidden. Secondly the search on both the libraries is covered by the library.

I’ve asked the developers at Buddydev to assist me and they tried their best in fixing the library however couldn’t. They’ve requested that I contact my theme developer if they could assist me and here I am. I’ve tried to fix it using inspect elements on firefox by changing the height from 100% to 50px in the media-toolbar-primary search-form class on the Featured Image Library. Both the SET FEATURED IMAGE button and Search Media Form is showing properly. The next thing I’ve figured out was when you edit the Featured Image Library, it will automatically fix the issues on the Add Media Library however not vice versa.

May you please help me with this as I am looking for a css code that can fix this issue.

Regards

PresPhuture

[Laura]

Not marked as solution

[presentphuture]

Not marked as solution

[Laura]

Not marked as solution

[Radu]

Hi, Just add this css in wp-admin -> theme options -> quick css

.media-modal-content .media-frame select.attachment-filters {width:100% !important;height: auto !important;padding: 0 14px;}
.media-modal-content .media-toolbar-primary.search-form label {display:none;}
.media-modal-content .media-toolbar { height: 45px !important; }

It should be ok Looks like Cheers R

[presentphuture]

Not marked as solution

[Radu]

Not marked as solution

[Author]

Posts