How to change font color in REVOLUTION SLIDER V 5.0.6

This topic has 12 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Brian Johnson

  • Avatar: groubee
    groubee
    Participant
    September 16, 2015 at 17:08

    Hi

    I think the new UI in REVOLUTION SLIDER V 5.0.6 is difficult.

    – Do you now how to change font color on buttons? now there are orange on my test site!
    – Do you now how to make all of the button to a link and not just the text?
    – is it possible to add shadow on the button text?

    See the green buttons… I am trying to convert my old buttons to the new ones.
    http://dev-smooff.serv10.powerhosting.dk/

    I hope you can help me 🙂

    Best reagards
    Tonny

    11 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 07:52

    Hello,

    You need remove this code in custom.css file:

    .tp-button.green {
        background-color: #f7a608 !important;
    }
    .tp-button.green {
        box-shadow: 0px 2px 0px 0px #f7a608 !important;
    }

    Then check buttons color.

    As I see your buttons are fully linked, not only text.

    Best regards,
    Jack Richardson.

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 12:42

    Hi

    I have now removed the style, and the old style shows. But the new buttons text color is still orange and I cant see where I can change the font color? (the new buttons to the left with a green or white background) (I am trying to create a new set of buttons fore the buttons in the middle)

    Still the green button is NOT a link, its only the text, I dont know how to add a link to the new button – the hole button! Now the link is inside the text field of the button.

    Plz tell me where I can add a link to the hole button or show me together with changing the font color of the left buttons.

    Thanks a lot!!

    Best regards
    Tonny

    Avatar: Eva
    Eva Kemp
    Support staff
    September 17, 2015 at 12:57

    Hello,

    Please refer to Revolution Slider documentation regarding buttons styling:
    http://www.themepunch.com/revslider-doc/slide-layers/#layer-button

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 13:31

    Hi Eva,

    Ok, I can now make a link to the hole button and style the font – great!! thanks

    But it is not that clear for me how to make the button start the video in the popup as before – could you point me in the right direction?

    I hope you can 🙂

    Tonny

    Avatar: Eva
    Eva Kemp
    Support staff
    September 17, 2015 at 14:03

    Hello,

    Please read this post https://www.8theme.com/topic/how-to-make-a-popup-video-from-a-button-in-a-revolution-slider/#post-67867 where I described how I added video for popup window.

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 14:20

    Eva I would not ask if it was because the slider haven’t change and this description does not work anymore, it changes the text link color and only adds the link to the text not the hole button! I need a fix for the new version af the REVOLUTION SLIDER V 5.0.6.

    See: https://www.dropbox.com/s/7zrvzy0ek2sw7pt/how%20to%20add%20a%20popup%20video.png?dl=0

    What to choose to get the same function as in your earlier described solution? the link should not go into the button text as previously!!!

    Or what?

    Avatar: Eva
    Eva Kemp
    Support staff
    September 17, 2015 at 15:34

    Hello,

    Unfortunately Revolution Slider authors changed buttons settings and now popup window won’t work for whole button, only for the linked text.

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    September 17, 2015 at 16:06

    Ok, that is strange! Is there a way to do that without using a the orange font color? because when I add the code the to the text it changes the font color to orange???

    Avatar: Eva
    Eva Kemp
    Support staff
    September 17, 2015 at 19:10

    Hello,

    I’ve added this code in custom.css file:

    .tp-caption a.litebox:hover {
      color: #000 !important;
    }

    Please check button now.

    Regards,
    Eva Kemp.

    Avatar: groubee
    groubee
    Participant
    September 18, 2015 at 12:40

    Super 🙂

    I added

    .tp-caption a.litebox {
    color: #fff !important;
    }
    And now the orange text is gone!!! Jihaa!!

    Thanks
    Eva

    Avatar: Brian Johnson
    Brian Johnson
    Member
    September 18, 2015 at 12:44

    Hello

    You are always welcome!

    Regards
    Brian Johnson

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

You must be logged in to reply to this topic.Log in/Sign up

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