Return to previous page

Slider Button Color - by Olexi - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

Olexi

Participant

May 4, 2015 at 11:16

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

#61276 Copied

10 Answers
Robert Hall

Participant

May 4, 2015 at 14:34
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.
#61349 Copied
Olexi

Participant

May 6, 2015 at 13:16

hmmmmm … that does not change anything?

#62064 Copied
Brian Johnson

Member

May 6, 2015 at 13:26
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
#62067 Copied
Olexi

Participant

May 6, 2015 at 15:45

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.

#62150 Copied
Brian Johnson

Member

May 6, 2015 at 15:50
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
#62153 Copied
Olexi

Participant

May 6, 2015 at 16:12

why white? i need it black, or not?

#62169 Copied

Olexi

Participant

May 6, 2015 at 16:15

i changed it to black and it works, many thanks

how can i get it without frame/border?

#62171 Copied

Brian Johnson

Member

May 6, 2015 at 16:16

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

#62172 Copied

Olexi

Participant

May 6, 2015 at 18:22

perfect, many thanks 🙂

#62222 Copied

Eva Kemp

Participant

May 6, 2015 at 19:35

Hello,

You’re welcome.

Regards,
Eva Kemp.

#62236 Copied
Viewing 11 results - 1 through 11 (of 11 total)