CSS class collision with EasyBlog

ralf57

Hi,

I quite like the Simpli template. However, the Simpli CSS class "list-unstyled" collides with the EasyBlog "#eb list-unstyled" class. The latter is used in a composer datetimepicker, which is not displayed due to Simpli's "display:none" in "list-unstyled".

I have not found a usage of "list-unstyled" by itself. Why it is defined or where should I look?

Will try to rename, have to switch template if this does not work.

Kind regards
Ralf

saguaros

Hi Ralf,

It's defined via these files:

ja_simpli/templates/ja_simpli/css/template-j4.css

.list-unstyled {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  border: 1px solid #ccc;

and less file: ja_simpli/templates/ja_simpli/less/_navigation.less

// Compatible j4
.list-unstyled {
display: none;
> li {
  border-bottom: 1px dotted @border-color;
  &:last-child {
    border-bottom: 0;
  }

  &:hover > .list-unstyled {
    display: block;
    left: @dropdownWidth - 5px;
    top: 5px;
  }
}
}

Regards

ralf57

Hi,

thanks.
Renamed the class and all works fine now.

Regards
Ralf