Re: How to style

  •  03-04-2013, 1:19 PM

    Re: How to style

    Hi cw808,

     

    1. How to change the background color

     

          1)Open file \CuteSoft_Client\Gallery\Layout\SlideShow\Template.htm

     

          2)Find section below

     

    <div id='dng_container' class="GalleryLayout" style="background-color:#666666;border:solid 1px #666666;width:100%;height:100%;position:relative;">

     

          3)Change it to

     

    <div id='dng_container' class="GalleryLayout" style="background-color:black;border:solid 1px #666666;width:100%;height:100%;position:relative;"> 

     

          4)Find section below

     

    <div id="dng_photo1" style='position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:#666666;'>

     

          5)Change it to

     

    <div id="dng_photo1" style='position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:black;'> 

     

          6)Find section below

     

    <div id="dng_photo2" style='position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:#666666;'>

     

          7)Change it to

     

    <div id="dng_photo2" style='position:absolute;top:0px;left:0px;width:100%;text-align:center;background-color:black;'> 

     

     

    2. How to change the border to 1px 

     

          1)open file\CuteSoft_Client\Gallery\Theme\Classic\Style.css

     

          2)find section below

     

    .GalleryPhotoImage
    {
          margin:4px;
    }
    .GalleryPhotoContainer
    {
          display:inline-block;
          background-color:#cccccc;
    }
    .GalleryPhotoContainer:hover
    {
          background-color:#999999;
    }
     

          3)change it to

     

    .GalleryPhotoImage
    {
          margin:4px;
        border:solid 1px #cccccc;
    }
    .GalleryPhotoContainer
    {
          display:inline-block;
    }
    .GalleryPhotoContainer:hover
    {
          
    }
     

    Regards,

     

    Ken 

View Complete Thread