Artetics Sexy Lightbox проблема - PullRequest
Новая
       10

Artetics Sexy Lightbox проблема

0 голосов
/ 12 февраля 2019

Проект находится по адресу здесь .

Я создаю веб-сайт для компании, которая специализируется на комиксах.Ничто не продвинуло только некоторые лайтбоксы с слайдами. Это мне удалось сделать.Веб-сайт использует J oomla 3.x и шаблон Purity-iii.

Моя проблема заключается в следующем.Все лайтбоксы хотят появляться на новой строке, а не рядом.Я проверил сайт разработчиков, так как это платный модуль.Они рекомендовали вставить следующий код, чтобы лайтбоксы отображались горизонтально, а не вертикально. 

 .artsexylightboxpreview {
display: inline-block !important;
}

Ничего не произошло.Я проверил элемент в chrome и файл .css используется правильно.Я также отредактировал строку 107, поскольку инспекция говорит мне, что это секция .css, которая контролирует поле.Все еще ничего не происходит.Я удалил поле, поскольку оно противоречило тегу отображения.Полный файл .css находится ниже.Пожалуйста, дайте мне знать, если вам нужно что-то еще, чтобы помочь решить это для меня. 

  .artsexylightboxpreview {
display: inline-block !important;
}

#SLB-Wrapper {
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;
  display: none;
}

#SLB-Wrapper #SLB-Background{
  position: absolute;
  left:7px;
  top:7px;
  float:left;
}

#SLB-Wrapper #SLB-Top {
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}
#SLB-Wrapper #SLB-Top img {
  float:right;
  border:0px;
  margin:6px 10px;
}

#SLB-Wrapper #SLB-Top div {
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom {
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav {
  background-position:0 100%;
}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido {
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador img{
  border:0px;
}

#SLB-Wrapper #SLB-Navegador strong{
  display: block;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{
  float: left;
  margin: 0 10px 0 0;
}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{
  float: right;
  margin: 0 0 0 10px;
  position:relative;
  right:17px;
}

.artsexylightbox {
	
	border: 2px solid #EEEEEE;
	display: inline-block !important;
}

.artsexylightbox_singleimage {
	cursor:pointer;
	border: 2px solid #EEEEEE;
	display: inline-block !important;
}

.artsexylightbox_singletext {
	cursor:pointer;
}

.artsexylightbox_container {
	width: 100%;
}

.artsexylightboxlink {
	margin-right: 10px;
}

.asl_next {
	background: url(../images/next.png) no-repeat 50% 50%;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	clear:right;
}

.asl_prev {
	background:url(../images/previous.png) no-repeat 50% 50%;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	clear:both;
}

.asl_carousel {
	float: left;
}

.asl_carousel li {
	background-image: none !important;
}

.asl_caption {
	text-align:center;
}

.asl_image_caption {
	//float:left;
  display:inline-block;
}

.asl_folder {
  margin: 5px;
  float: left;
  text-align: center  !important;
}

.asl_folder div {
  text-align: center  !important;
}

.sexylightbox_print {
  cursor: pointer;
}

1 Ответ

0 голосов
/ 13 февраля 2019

Рекомендуемое изменение выглядит так, как будто оно применяется правильно, но, похоже, не имеет значения.

Использование плавающей запятой может быть более уместным: 

.artsexylightboxpreview {
    float: left;
}
...