Jump to content


Photo
- - - - -

Кнопки в widgetkit


Best Answer 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

Go to the full post


  • This topic is locked This topic is locked
2 replies to this topic

#1 immortal727

immortal727
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 765
  • topics: 253

Posted 24 June 2016 - 09:44

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

 


  • 0

#2 lotosdima

lotosdima
  • JBZoo User (rus)
  • User rate: 4.2
  • posts: 57
  • topics: 4

Posted 24 June 2016 - 10:34

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

 

krDOYGdI0l8wGA.png


  • 0

#3 LeMax

LeMax
  • JBZoo User (rus)
  • User rate: 8.6
  • posts: 308
  • topics: 27

Posted 24 June 2016 - 10:34   Best Answer

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!