Перейти к содержимому


Фотография
- - - - -

Кнопки в widgetkit


Лучший Ответ LeMax , 24 June 2016 - 10:34

Add this to your custom.css

 

.wk-slideset-default > div .next, .wk-slideset-default > div:hover .prev { 
  background: url("/dev-yv/media/widgetkit/widgets/slideset/styles/default/images/buttons.png") no-repeat scroll 0 50px rgba(0, 0, 0, 0); 
  height: 50px; 
  margin-top: -25px; 
  top: 50%; 
  width: 50px; 
}
 
.wk-slideset-default > div .prev { 
  background-position: 0 -50px; 
  left: 30px; 
}
 
.wk-slideset-default > div .next { 
  background-position: 0 0; 
  right: 30px; 
}

 

http://yootheme.com/.../question/64269

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 immortal727

immortal727

Отправлено 24 June 2016 - 09:44

Мне надо кнопки слайдера сделать чтобы всегда показывались. Но смотрел в папке media и plagins, но не смог найти стилей отвечающих за hover и без. Используется Slideset. Пример http://kushiy.bget.ru(слайдер часто приобретаемых товаров)

 


  • 0

#2 lotosdima

lotosdima

Отправлено 24 June 2016 - 10:34

Для класса кнопок без ховера нужно указать картинку бекграунда

 

krDOYGdI0l8wGA.png


  • 0

#3 LeMax

LeMax

Отправлено 24 June 2016 - 10:34   Лучший Ответ

Add this to your custom.css

 

.wk-slideset-default > div .next, .wk-slideset-default > div:hover .prev { 
  background: url("/dev-yv/media/widgetkit/widgets/slideset/styles/default/images/buttons.png") no-repeat scroll 0 50px rgba(0, 0, 0, 0); 
  height: 50px; 
  margin-top: -25px; 
  top: 50%; 
  width: 50px; 
}
 
.wk-slideset-default > div .prev { 
  background-position: 0 -50px; 
  left: 30px; 
}
 
.wk-slideset-default > div .next { 
  background-position: 0 0; 
  right: 30px; 
}

 

http://yootheme.com/.../question/64269


  • 1




Click to return to top of page in style!