Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4

Thread: lightbox font

  1. #1
    Junior Member
    Join Date
    Jul 2006
    Posts
    10
    Member #
    13488
    hii.. i'm using lightbox js v2.0 on my site.. and i've changed the css to make the frame black.. but now i can't see the writting in the caption under the pictures.. can someone show me how to change the font to white verdana 1pt? pretty please?

    Code:
    
    td { font-family: arial, helvetica, sans-serif;  font-size: 13px; color: ffffff }
    .green { font-family: arial rounded mt bold;  font-size: 14px; color: 00cc00 }
    a:link {color: #999999; border: 0px; font-family: arial, helvetica, sans-serif; text-decoration: none}
    
    a:visited {color: #999999;  font-family: arial, helvetica, sans-serif; text-decoration: none} 
    
    a:active {color: #999999;  font-family: arial, helvetica, sans-serif; text-decoration: none} 
    
    A:hover {color: #999999;  font-family: arial, helvetica, sans-serif; text-decoration: underline}
    
    img { border: 0 }
    
    #lightbox{
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }
    
    #lightbox a img{ border: none; }
    
    #outerImageContainer{
        position: relative;
        background-color: #000;
        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(../images/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(images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
    
    
    #imageDataContainer{
        font: white 10px Verdana, Helvetica, sans-serif;
    
        background-color: #000;
        margin: 0 auto;
        line-height: 1.4em;
        }
    
    #imageData{
        padding:0 10px;
        }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
    #imageData #caption{ font-weight: white 10px Verdana, Helvetica, sans-serif;     }
    #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 */
        }

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Wherever the black bacground color was applied, apply a color: white;.

    EDIT: The full format of the things you want:
    Code:
    color: <color>;
    font-family: Verdana, Arial, sans-serif; /* make sure to include the fallback -- either serif or sans-serif */
    font-size: <size>pt;
    font: <font-size> <font-family>;

  4. #3
    Junior Member
    Join Date
    Jul 2006
    Posts
    10
    Member #
    13488
    yay it worked.. thanks..<3

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Anytime :-)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:08 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com