COMMUNITY FORUM

k2 edit Button/Link nicht sichtbar - bootstrap

Start
Prev
1
Next
End

Theo
Topic Author
Offline
New Member

8 years 9 months ago #145821 by Theo

k2 edit Button/Link nicht sichtbar - bootstrap was created by Theo

Hallo zusammen,

ich hoffe hier kann mir wer helfen - habe zwar schon 2-3 Seiten im Internet gefunden mit dem gleichen Problem aber ich bekomms nicht wirklich sauber hin.

Habe ein responsive Joomla 3.4 template - bootstrap ( T3 Framework Version 2.30 )
K2 Version 2.6.8 ( hatte es allerdings auch schon mit einem update versucht, auch kein Erfolg.

Nun zum Punkt.
Es ist kein k2 edit Button oder Link im frontend zu sehen.
Was ich bereits im Internet gefunden hatte, war - dass es am bootstrap css Eintrag .modal liegt
hier ist bei mir unter .modal "display: none" - wenn ich das auf block setzte, erscheint allerdings die eigenltiche Seite nicht mehr - sonder es hat sich eine leere Seite darüber gelegt mit dem "Artikel bearbeiten" link - aber den eigentlichen Inhalt sehe ich nicht.

mit den Lösungen aus dem Internet ging es mehr oder weniger - jedoch war der editier Bereich komplett über den ganzen Bildschirm, früher war es lediglich ein kleiner Bildausschnitt wie ich meine.

folgend mein derzeitiges .css

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }

Ich danke vielmals für entsprechende Hilfe und Unterstützung.
Vielen Dank im voraus.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End