YOOtheme WidgeKit Widgekit BUTTONS (left/right)

Hello Experts,
I have a little tricky question. I use last YooTheme widgekit for slideset.
And one of options is "show buttons" (it shows scroll right/left) buttons.
But, those buttons visible only on hover.
How can i make them to be visible ALWAYS???

You can see example here http://zufglobus.pickup.org.il/ just hover banner.

Please dear friends, help...

Thank you
DanSmirAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Abhijeet RananawareWeb & Mobile DeveloperCommented:
I have the solution...You need to edit css of widgekit..

Go to  \media\widgetkit\widgets\slideset\styles\default  edit style.css


Comment this code

.wk-slideset-default > div:hover .next,
.wk-slideset-default > div:hover .prev {
      top: 50%;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      background: url(images/buttons.png) 0 50px no-repeat;
}

.wk-slideset-default > div:hover .next {
      right: 30px;
      background-position: 0 0;
}

.wk-slideset-default > div:hover .prev {
      left: 30px;
      background-position: 0 -50px;
}

Add following code

.wk-slideset-default > div .prev {
      top: 50%;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      background: url(images/buttons.png) 0 50px no-repeat;
}

.wk-slideset-default > div .next
{
      top: 50%;
      width: 50px;
      height: 50px;
      margin-top: -25px;
      background: url(images/buttons.png) 0 50px no-repeat;
}

.wk-slideset-default > div .next {
      right: 30px;
      background-position: 0 0;
}

.wk-slideset-default > div .prev {
      left: 30px;
      background-position: 0 -50px;
}


Thats it refresh and check

Regards,
Abhijit
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
DanSmirAuthor Commented:
Jesus god, dude, are you my good and holly angel?
Tell me where, ill send you a whiskey :)

THANK YOU!!!!
0
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Thanks. :-)

Whiskey :-) ...Just solved your couple of problems..I think I will solve more problems...They I can get a crate of whiskey from you :P

Regards,
Abhijit
0
DanSmirAuthor Commented:
Abhijit, any time dear, any time. And , thank you once again man...
0
Abhijeet RananawareWeb & Mobile DeveloperCommented:
You are most welcome Dude!

Regards,
Abhijit
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Joomla

From novice to tech pro — start learning today.