Tagged: , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 27, 2014 at 1:01 am #243596
    jswebdev

    I’ve used the ThumbFx styles to create a rollover layer with text in it when I hover over an image on my site. I set the text color to black and it looks great. But I also want to assign a hyperlink to the image and when I do that the hyperlink overlay may be overlaying the text or somehow the text color is fading out. You can see an example at: http://www.got2bmoving.com in the 4 images below “skyTran redefines mass transit”. The first image “High Speed” doesn’t have the link and the text appears in black. The other three images have a link associated with each one and the text is faded and hard to read.
    Is there some custom CSS that I can use to adjust the color of the text in the overlay? Also, is there some CSS that I can implement to change the color of this overlay (that appears when a link is associated with the image)?
    Any suggestions you have would be much appreciated. Thanks!

    March 27, 2014 at 4:09 am #243618
    Yigit

    Hey Jane!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .image-overlay {
background: transparent;
}
.image-overlay .image-overlay-inside:before { background-color: red !important; }

    Cheers!
    Yigit

    March 27, 2014 at 6:25 am #243668
    jswebdev

    HI Yigit and Support Team – This worked perfectly! Thanks so much for helping me figure this out. You rock!
    – Jane

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to update font color of text in rollover overlay’ is closed to new replies.