This topic has 11 replies, 4 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp
Hi,
wenn you look at http://www.prtty.me, you see that we use 3 sliders on the startpage.
Fine so far, i just want to change the appearance of the buttons and somehow
i can’t get what i want … maybe you can tell me how to do it.
What i want
Var. 1) Button background full color white, font white, no frame
on mouseover the background should change to “gold”
Var. 2) Button background full color black, font black, no frame
on mouseover the background should change to “gold”
At the moment i use this code in the revolution slide editor:
<a href=’https://www.prtty.me/prtty-adele-collection-a-limited-edition/’
class=’btn medium btn-white’ style=”border-color: #363635;”>WHAT IS IT
Maybe you can just send me the code i need so i can copy paste it.
Many thanks,
Olexi
Hello,
1) Please add this code in custom.css file
.tp-caption .btn.medium.btn-white{
border-color: #fff !important;
background: #fff !important;
}
.tp-caption .btn.medium.btn-white:hover{
background: gold !important;
}
2) In this case please change border-color: #000 !important;
and background: #000 !important;
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
hmmmmm … that does not change anything?
Hello
Please provide us with wp-admin credentials to check the issue.
And also please try to add space in code above or add this instead:
.tp-caption .btn .medium .btn-white{
border-color: #fff !important;
background: #fff !important;
}
.tp-caption .btn .medium. btn-white:hover{
background: gold !important;
With best regards
Brian Johnson
i managed to make it work, only thing is that the font is white on white background.
on mouser it switches to black. how to get it black always?
many thanks.
Please this line before }
:
color:white!important;
to this code:
.tp-caption .btn .medium .btn-white{
border-color: #fff !important;
background: #fff !important;
}
With best regards
Brian Johnson
why white? i need it black, or not?
i changed it to black and it works, many thanks
how can i get it without frame/border?
Sorry for misunderstanding. You may change it to black or any other colour. Please also add border:none!important;
for both parts of previos code with :hover
and without it.
With best regards
Brian Johnson
perfect, many thanks 🙂
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Slider Button Color’' has been successfully resolved, and the topic is now closed for further responses