Support Center Visit Demo License manager Buy @ envato

Change button animation color

DebsWebsDebsWebs
in Revolution Slider

Hi,

I have a button on the second slide of my homepage slider. When it loads it has a teal animation that colors the button briefly. Then the button goes to a dark blue background, which is what I want. The button says "See how a website could help your business".

I need to change the color of that animation, but I can't figure out where to do that. I have changed the colors of the button background and text on both normal and hover, but I can't figure out the animation color. Can you help me with that?

www.debswebsdesign.com/dev/

Thanks so much,

Debbie

Comments

  • PhilPhil

    Hi,

    Sorry, but I am not sure which button you are referring to.

    Please attach a screenshot showing that.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DebsWebsDebsWebs

    Here is a screenshot. It's on the second slide of my homepage slider. The screenshot shows the teal color that I want to change.

    Screenshot 2024-11-21 at 11.23.04 AM.png


  • PhilPhil

    Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check it out.

    Notice!

    Please attach a link to this forum discussion.

    Sending incorrect or incomplete data will result in a longer response time.

    Therefore, please ensure that the data you send are complete and correct.

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • PhilPhil

    Please edit your slider, edit this button, and in Animation -> In -> Anim To -> SFX, you can set up this color:

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DebsWebsDebsWebs

    Thank you so much!!! I love quick, easy fixes!!!


    Quick question though. Did you not see the font that I chose for the word Custom? In your screen shot it looks like it is defaulting to a standard font. It should look like this...Do you have something set to show standard fonts or have I not set this up correctly to show on all browsers?

    Screenshot 2024-12-03 at 4.32.42 PM.png


  • PhilPhil

    No, I did not have anything active to show standard fonts.

    Is it a custom font? I do not see it in the standard Slider Revolution.

    If yes, please ensure that you set it up correctly:

    https://www.sliderrevolution.com/faq/customize-your-sliders-with-custom-fonts/


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DebsWebsDebsWebs

    Hi Phil,

    The font was set up in the globals section for my slider. However, when I checked, the file was no longer in my media library...I'm not sure what happened with that or why it was still showing up in my browser...maybe it was chached?

    Anyway, I have reinstalled it. Would you please check to see if you can see the correct font now?

  • PhilPhil

    I purged my browser cache, and it still looks like this:

    image.png

    Do you have any cache plugins or cache on the server? If yes, did you purge it?


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DebsWebsDebsWebs

    I don't have a specific cache plugin installed. I'm not sure if one of the plugins that does something else might be cacheing my content. How would I know if I have cache on the server? Would I need to contact my hosting company for that? I haven't specifically turned any cache on especially since I'm constantly making changes to the site at this point.


    I assume that the font is installed correctly since I am seeing it on my computer...

  • DebsWebsDebsWebs

    I have checked with my hosting company and they flushed the cache on the server, but the default font is still showing up every where except on my computer. It doesn't matter what browser I test in on my computer, the correct font displays. But every where else, my iPad, my phone, other's computers, it is displaying the default font.

  • PhilPhil

    I logged into your website and checked Slider Revolution settings and your custom fonts and Font CSS URL is set to *.woff, while it should be *.css.

    image.png

    Please check the SR tutorial on custom font usage:

    https://www.sliderrevolution.com/faq/customize-your-sliders-with-custom-fonts/


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DebsWebsDebsWebs

    Hi

    I apologize for the delay. I had some computer issues and was not able to work on this.

    I have followed the tutorial for customizing my fonts, but they are still not working. In fact, now they are not even showing up correctly in the Slider editor.

    I also get an error in my css file that says: "@font-face declaration doesn't follow the fontspring bulletproof syntax." I copied the css directly from the tutorial and just changed it to the name of my font.

    I have added the webfont folder in both the root directory and in the dev directory since that is where my development website files are. But it is just not working. The webfont folder contains the woff and the woff2 font files as well as the custom-font css file.

    I added the link to the css file in the Custom Fonts section in Rev Slider. When that didn't work, I also followed the instructions for forcing the font by adding the class customFont to the attributes for the layer and then adding the css for the class in the general css section for the layer.

    Nothing seems to be working.

    Here's the content of my css file:


    @font-face {

       font-family: 'Helena-Smith';

       src: local('Helena-Smith'),

         url('/webfont/Helena-Smith.woff2') format('woff2'),

         url('/webfont/Helena-Smith.woff') format('woff');

       font-weight: normal;

       font-style: normal;

       font-display: swap;

    }

    Thanks for your help!!

Sign In or Register to comment.