Hey Alan,

Not a problem I’ve seen before and that section doesn’t make use of Flexbox which would have explained it.. Technically it should work the same as default.

Have you got a link so we can take a look?

PM sent thanks.

Sorry, hadn’t thought of needing to log in to look at a PM problem!

I can see one – what looks like javascript conflict of some kind relating to WP emoji, although I don’t know if that’s the cause of the problem it’s definitely something that should be fixed.

If you could PM login details to me, Yellow Swordfish and Mr Papa, include a link to this thread and one of us can take a proper look at the PM compose page.

Thanks for the PM.

OK to start it looks like your WP theme (or possibly a plugin) is imposing on SP with minification. This should be disabled. In CSS in this case it’s overriding our form rules with it’s own causing the PM compose form to loose it’s margin and padding (and possibly other forms).

Any js minification should also be disabled as our scripts are already minified and this is known to cause a variety of problems.

Also, it looks like you might need to increase the z-index on your ui-dialog class, or lower it on your WP theme’s header div (#phantom.boxed), as it’s got a pretty outrageous z-index of 9008 popups are appearing behind it currently!

Let’s sort out the main issue first, then we can help with the WP header z-index if you need us to.

Thanks Ike,

Sorry to say what you have just said is a bit over my head.

As I said that is a test website on a different server so not worried what happens to it at the moment, just hope it can be fixed. With the right instructions I can transfer them to my main website.

Thanks again.

It seems the logical thing to do would be to remove the margin and padding ‘0’ rules from the form in  main.min.css, but I’m also seeing it under a star * which I’ve never seen in the class / ID field, and for that you will need to ask the theme developers as it’s really more of a WP theme issue.

The things that puzzle me are why the theme seems to set all margins and padding to ‘0’, how it’s overriding SP rules and what else is it doing as I’m noticing a few other oddities but not sure whether they are a result of containers within containers inheriting these rules – Going to have to ask them I’m afraid!

Just to add, for confirmation that it is definitely coming from the theme try running one of the default WP themes. If that doesn’t resolve it (which I’m 99% sure it will) you might have to look at doing the same with WP plugins to see if something else is taking over..

Ike said
Just to add, for confirmation that it is definitely coming from the theme try running one of the default WP themes. If that doesn’t resolve it (which I’m 99% sure it will) you might have to look at doing the same with WP plugins to see if something else is taking over..

Ike,

Are you talking about the Reboot theme that is the problem?

Where I get confused is that it works OK with SP default theme just not the Reboot theme.

No sorry, I’m saying that the WP theme seems to be causing the problem.

Default and other free themes (also older) work differently to specifically Unified and Reboot. Default calls the PM CSS directly from the plugin i.e:

(sp-resources > forum-plugins > private-messaging > resources > css > sp-pm.css)

Whereas Reboot and Unified call the PM CSS from the theme and override the styles to make necessary changes to fit the PM styles to the new theme i.e:

(sp-resources > forum-themes > reboot > styles > sp-pm.spcss)

This is a pretty standard way of doing things with our themes now, and my guess would be that it’s possible the WP theme is finding it’s way in before the PM CSS from the theme is loaded over the top.

Either way, it shouldn’t be happening.

Thanks Ike,

I have tried a few themes and get the same results, apart from the default WP-themes.

Guess I am going to have to try and find a theme that works with the PM plugin.

It’s also possible it’s a WP plugin interfering. Might be worth running the WP theme you had and disabling all WP plugins except SP. Sometimes it’s just a case of whittling down the problem.

Did you ask the theme developers?

Yeah I tried disabling all plugins apart from SP with the same results.

Also tried quite a few WP themes and it seems anything other than the basic WP themes I get the same result.

Spoke to the WP-theme owner and he is not able to help on 3rd party plugins not on WP repo.

To me it seems that I am not going to be able to use the Reboot theme, which is a shame, it was part of the free theme with my membership purchase, so not really lost any money..

I appreciate your help Ike, going to stick with the SP-default theme for the moment until I can find a WP-theme that will work and that I and my users like. Just one of those things I guess.

I understand but we’d rather see you up and running, and able to use something you’ve purchased from us and should rightly be able to use!

It’s unfortunate that your theme developer is most unhelpful.. It’s also hard to judge how knowledgeable somebody is when it comes to WP and things like CSS so I’ll just go over the easiest way to put this right – or at least test a fix.

First locate your main.min.css file which I’ve done through the browser inspector, and open it. You will find it here:

wp-content / themes / dt-the7 / css / main.min.css

Then locate the lines:

figure, form {
    margin: 0px;
}
* {
    padding: 0px;
    margin: 0px;
}

These rules need to be removed but It’s probably best just to comment them out rather than deleting so they can be put back if need be. So add a /* before and a */ after the code i.e:

/*
figure, form {
    margin: 0px;
}
* {
    padding: 0px;
    margin: 0px;
}
*/

Please note the ‘figure, form’ and the star rules might not be together so you might need to search for each individually and comment them out separately.

As I said, we’d much rather see things fixed as long as you are happy to experiment a bit..

Tried Searching for that in the main.min.css but can not find it.

Here is the file in that location.