Visual Composer Paragraph & Header Drop down menu Issue

Envato Customers Web and Code
1

Hope I can post this here. Looking for Help

Can’t seem to find this issue anywhere else - Anyone know what to do to fix Visual Composer Paragraph & Header Dropdown not working in Chrome?

I click on it and it does nothing.

Link to Image: http://imgur.com/a/7PR9m

Update: This Box doesn’t work in any of my browsers

1 Like
2

Im having the same issue.

3

Hello :smiley:

Have you tried contacting the author of Visual Composer? Or if you have a theme bundled with Visual Composer you will need to contact the author of that theme.

Thanks!

4

Yeah … They make you pay for support. It’s included for a time but then falls off. And of course a few months after my support falls off I get an issue. I got this same answer on Wordpress Forums too. If there is a community support resource that you know of please let me know.

5

If you find a fix, please let me know.

6

exact same issue, this must affect everyone. I have had to manually make my paragraphs header 1 by typing

also colours drop down doesn’t work. Please let us know if there is a fix.
7

Hello,

This may be a “z-index” issue. try the following as an admin css

.vc_ui-panel-window {
   z-index: 9999 !important;
}
8

Didn’t work :frowning:

Has anyone found a fix?

9

I didn’t find a fix. But someone said to move the Visual Composer editing window and the pull down menu is underneath it. And that worked. So you click on the pull-down menu, then physically slide the editing window to the side. And there’s the pull-down choices. Not easy, but it works.

10

Yup … That works — I wonder whats causing that.

11

ok a bit simpler fix is to add this to your admin css:

    .mce-container, .mce-container-body {
    z-index: 100000 !important;
}

even lazier way is to use something like http://coffee2code.com/wp-plugins/add-admin-css/ and add it there - i think this is fixed in newest version of VC

12

anatoli is correct. The css that he listed:

 .mce-container, .mce-container-body {
    z-index: 100000 !important;
}

Is spot on. Here’s what you need to do, using filezilla or your favourite ftp:

head over to

  1. Navigate to wp-includes/css directory.
  2. Download editor.min.css
  3. Add the code above to the end of the file at 2 above - remove carriage returns etc to minify the code e:.

.mce-container, .mce-container-body{z-index: 100000 !important;}

  1. Save the amended file and upload to the wp-includes/css

Job done. Tested up to Wordpress 4.8.2 and using VC versions back to 4.12

Best

Bob

1 Like
13

Thanx Boblbfl, that the (temporary) fix.
Updating VC will also fix the problem.

14

Hi Jurre35,

Absolutely buying VC will fix the issue, however, some members probably have VC bundled with a theme and don’t want to update - hence the fix :slight_smile:

15

another solution:
go to: plugins/js_composer/assets/css/js_composer_backend_editor.min.js
find text: “.vc_ui-panel.vc_ui-panel-window”

change this:
.vc_ui-panel.vc_ui-panel-window{width:650px;position:fixed;z-index:100000;top:74px;left:50%}

to this:
.vc_ui-panel.vc_ui-panel-window{width:650px;position:fixed;z-index:10000;top:74px;left:50%}

the z-index value is too high, decrease it with one 0.

it’s works, but not tested every situation