COMMUNITY FORUM

Caption Text & Navigation Tip Text Very Feint

Start
Prev
1
Next
End

Yaani-Mai Gaddy
Topic Author
Offline
Senior Member

16 years 2 months ago #20257 by Yaani-Mai Gaddy

Caption Text & Navigation Tip Text Very Feint was created by Yaani-Mai Gaddy

I am posting here but t I don't think my problem is SIG Pro specific it seems to appear in several extensions.

The YooToolTip works great except the text in the tooltip is very feint, you can hardly read it. The same happens with a Simple Image Gallery Pro extension I am using, the text caption that goes with the photo is very feint. And it happens inthe JMap extension with a google map.

I am guessing it is something to do with a javascript setting, but don't know enough to diagnose it or fix it.

Any help would be greatly appreciated.

I am testing the YooToolTip here, scroll to the very last image & hover your mouse over it.
www.gaddyproperty.com/specracers ... Itemid=120

The same problem in the JMap google map extension & SIG Pro track map here
www.gaddyproperty.com/specracers ... Itemid=109

I have tried disabling the JMap extension but this does not fix the problem.

I am using these extensions on other RocketTheme template sites without this problem.

Thanks for any help anyone can give me.

Please Log in or Create an account to join the conversation.

Yaani-Mai Gaddy
Topic Author
Offline
Senior Member

16 years 2 months ago #20258 by Yaani-Mai Gaddy

Replied by Yaani-Mai Gaddy on topic Re: Caption Text & Navigation Tip Text Very Feint

I figured out my problem.

The text is showing up very feint because the extensions are using the template css for the text, it is a very dark template therefore the text is very light, appearing feint.

I am trying to change the text color for the SIG Pro extension.

I am looking at the jwsigpro/lytebox/english/lytebox.css file

#lytebox {position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lytebox a img {border:none;}
#outerImageContainer {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%;height:100%;background:transparent url(../blank.gif) no-repeat;/* Trick IE into showing hover */display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}
#imageData #caption {}
#imageData #caption b {color:#C63C13;font-size:11px;}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px;float:right; padding-bottom:0.7em;}
#overlay {position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix {display:inline-block;width:100%;}
* html .clearfix {/* Hides from IE-mac \*/height:1%;/* End hide from IE-mac */}

I have tried adding
#body {color:#666666}

then
body {color:#666666}

But they don't work. I don't know much about css. Can anyone tell me if the above file is the correct one to change if I have selected lytebox for the pop-up engine. If it is the correct file can you tell me what code I need to add to change the text in the pop-up image to be darker?

Here is the page where it is being used - see Track Maps module.
www.gaddyproperty.com/specracersports/index.php?option=com_content&view=article&id=173&Itemid=109

Thank you for any help you can offer.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End