Link color in Revolution Slider

[aaustin69]

Hi, I added a layer of text in my Revolution Slider and added a link to it in the slider text field. For some reason, the link color is showing up orange (I have included a screen shot). I do not have orange set anywhere in my theme. Can you tell me where this color may be coming from, and how I can change it?

Much appreciated.

Alan

[aaustin69]

Just to add (not sure if this helps), but below is the css code within Revolution slider for the text style. There is no orange in this code. The only color is #515151, which is a grey color that works when there is no link associated with the text:

.tp-caption.small_grey{
position: absolute;
color: #515151;
text-shadow: none;
font-weight: bold;
text-decoration: none;
font-size: 20px;
line-height: 36px;
font-family: Avenir;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: none;

Thanks,

Alan

[Melanie – SUPPORT]

Hey, can you post up your website URL so we dan give you custom css?

Cheers

[aaustin69]

Sure. http://marketgrouprealty.com

[Mohammad – SUPPORT]

Hi,
You have css defined for this at line 210 /wp-content/plugins/revslider/rs-plugin/css/captions.css . You can use this custom css

.tp-caption a{color:#000}
.tp-caption a:hover{color:#fff}

Thanks 🙂
With Best Regards
Swift Ideas

[aaustin69]

Ok I will take a look, thanks. If I change this to the colors I want, will this possibly be overwritten every time I update a new version of the Slider?

[aaustin69]

Ok, you meant to use that code in the theme options so it does not get overwritten.

So I just did that and it changes the color of the text as needed, but the hover color is still orange no matter what I try. I noticed that the code you gave me is 2 lines of the same exact thing. Is there a line of code that can change the hover color?

Thanks,

Alan

[Mohammad – SUPPORT]

Hi,
Sorry i forgot hover code . Please use this one code .
.tp-caption a:hover{color:#fff}

Thanks

[aaustin69]

Perfect, that worked. Thanks.

Last question on this: Is there a way to include a small image before the text so that it is all part of the hyperlink? Or do I need to add another layer for an image?

Thanks,

Alan

[aaustin69]

Regarding my question above about including an image – In case it helps, below is the html code that I using from within the slider program for the layer.

Find a Property

Perhaps there is a way to add a link to an image within this code? Sorry, but I am not very programmer savvy.

[aaustin69]

Hi. Disregard my question above on adding an image. I figured out another option.

Thanks,

Alan

[Kyle – SUPPORT]

Ok great! 🙂

– Kyle