Jump to content


This topic is now archived and is closed to further replies.


Platform 5 CSS breaks layout

Recommended Posts


I'm currently testing Platform 5 to replace the DMS 2 themes we have for our clients and found a rather annoying "feature": the plugin has a huge amount of CSS (5000+ lines) which gets added to the theme and gives unexpected and unwanted results.

As it seems, the only way to prevent this from happening is overwriting every single line which breaks, for every theme and plugin which has CSS (so everything) to make it compatible with Platform 5.


One of the most annoying pieces of code is:

/** Don't nest, since we want base hierarchy for overriding */
.pl-sn-pad {
  padding: 1rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  z-index: 3;

This class is used all over the place and is simply a container for all sections. Therefor it should not have a padding (it breaks design) or a z-index (again, breaks design).
Even the PL themes and plugins have CSS to override this class...


Please remove any mandatory CSS which is defining how a theme/design behaves, otherwise it will be impossible to build themes/designs or require a huge amount of work to make it compatible.

Share this post

Link to post
Share on other sites

Can't you just override it with your desired behavior with a single CSS rule? 

e.g. #page .pl-sn-pad { // whatever you want }

Share this post

Link to post
Share on other sites