unfortunately I have no way of testing the theme because it a paid theme.
I can only suggest to try and investigate a css files and see what might be causing the conflict.
It is, if I remove class=”mdocs-btn-group btn-group” from the following div, the title and file name are displayed. I shall have a look through the theme CSS and see if there’s an overlap.
<div class=”mdocs-btn-group btn-group”>
i would focus on btn-group, it would seem to be the easiest class to duplicate.
I have isolated the part of the CSS in the theme that causes the problem. I can’t see why, can you suggest an antidote? Note, the icons don’t appear in Firefox but do in Edge and Chrome. Not sure if that’s a related issue.
.btn-group {
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
font-size:0;
vertical-align:middle;
white-space:nowrap;
*margin-left:.3em;
}
Found it: font-size:0; in the CSS below. I can override this in the custom.css file. Note, the icons don’t show in Firefox but are fine in Edge and Chrome – not sure if this is a related issue?
.btn-group {
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
font-size:0;
vertical-align:middle;
white-space:nowrap;
*margin-left:.3em;
}
Found a definition with font-size:0; in it. I can override that in custom.css.
Note – the icons don’t show up in Firefox but do in Chrome and Edge – is this a related issue?
The icons from the dropdown menu? Or another icon?
It’s in the document list (same place I had the missing filename problem). I think it’s called File Type Icons. It’s the icon that says docx, pdf etc at the left of the file listings
i tested it with firefox and chrome on a mac, I can see the icons. Do you have the setting “Hide File Type Icons” unchecked?
No, it’s not checked (if it were they would not show on Edge and Chrome). It’s something to do with Firefox. Sounds like could be another btn-group issue, I’ll have a look.
However, there is another problem – the window that comes up with the (document) description is off the left of the screen. You can just see the “x” and “CLOSE” links. Assuming this too is a CSS issue, could you give me an indication of which CSS definitions it (the pop-up) uses so I can check for conflicts in the theme.
Same thing happens with Preview
I just had a look using the WordPress standard 2017 theme. – none of the icons show up here in either Firefox or Chrome, but they do in Edge. Very strange!
I’m putting the window pop up in as a separate thread, hope that’s OK
try again with chrome and open up the browsers inspect module. See if you have any errors. If you do report them here.
Uncaught Error: Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4
at bootstrap.min.js:6
at bootstrap.min.js:6
