Change button animation color
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
Hi,
Sorry, but I am not sure which button you are referring to.
Please attach a screenshot showing that.
Thanks
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.
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
Please edit your slider, edit this button, and in Animation -> In -> Anim To -> SFX, you can set up this color:
Best regards
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?
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
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?
I purged my browser cache, and it still looks like this:
Do you have any cache plugins or cache on the server? If yes, did you purge it?
Best regards
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...
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.
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.
Please check the SR tutorial on custom font usage:
https://www.sliderrevolution.com/faq/customize-your-sliders-with-custom-fonts/
Best regards
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!!
Please send us FTP access so we can check it.
You can attach it along with the WP dashboard.
Remember to attach a link to this forum discussion.
Best regards
I have edited your font CSS to contain the entire URL to these files:
Also, I did the same for the Slider Revolution settings:
Please check it out now.
Best regards
Sorry, no, it is still not displaying the font. I had also tried using the entire url in both places with no luck. So I went back to just the partial url when the entire one did not work for me.
Please check it out now.
What I did was adding this Font through Theme options:
Best regards
Yes! It is displaying correctly now. Wasn't the font already added there? I added it to the custom font section as soon as I had decided that this was the font I wanted. But, then when it wasn't showing up correctly in Revolution Slider, all of the support folks started working on getting it added through Revolution Slider, so I never checked back to see if it was still uploaded here.
Can you see it correctly on your end? It has been showing up on my computers, but not on others computers. So, if you can see it, then it is fixed.
The font was there but without any name.
I confirm that it is now visible also for me on the devices I checked it with.
Best regards