Slider Button Color - by Olexi - on WordPress WooCommerce support

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

  • Avatar: Olexi
    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/&#8217;
    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

    10 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    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.

    Avatar: Olexi
    Olexi
    Participant
    May 6, 2015 at 13:16

    hmmmmm … that does not change anything?

    Avatar: Brian Johnson
    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

    Avatar: Olexi
    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.

    Avatar: Brian Johnson
    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

    Avatar: Olexi
    Olexi
    Participant
    May 6, 2015 at 16:12

    why white? i need it black, or not?

    Avatar: Olexi
    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?

    Avatar: Brian Johnson
    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

    Avatar: Olexi
    Olexi
    Participant
    May 6, 2015 at 18:22

    perfect, many thanks 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2015 at 19:35

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Slider Button Color’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.