WordPress.org

Ready to get started?Download WordPress

Forums

WP Photo Album Plus
[resolved] How to prevent rest of page from changing together with slideshow (4 posts)

  1. thegroomingtable
    Member
    Posted 12 months ago #

    Hi Opajaap,

    Thanks for spending the effort in developing the plugin!

    Anyways I have a small problem. I have a slideshow with different sized pictures and when it changes slides, the rest of my page moves with the slideshow layout. How can I prevent that?

    Anyways, I tried adding box shadows around the slideshow but I'm only able to add a border. What am I doing wrong?

    http://www.thegroomingtable.com.sg/home-2/

    Thanks in advance!

    http://wordpress.org/plugins/wp-photo-album-plus/

  2. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 12 months ago #

    Set Table IV-B1 ( v-align ) to center in stead of fit

  3. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 12 months ago #

    Box shadow must be done in css. Example from my demo site:

    #content img {
    	max-width: 1024px;
    	-moz-box-shadow: 4px 4px 4px #bbdd99;
    	-webkit-box-shadow: 4px 4px 4px #bbdd99;
    	box-shadow: 4px 4px 4px #bbdd99;
    	padding:5px;
    	filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbdd99',direction='135',strength='5');
    }
    .widget-area img {
    
    	-moz-box-shadow: 3px 3px 4px #669933;
    	-webkit-box-shadow: 3px 3px 4px #669933;
    	box-shadow: 3px 3px 4px #669933;
    	filter:progid:DXImageTransform.Microsoft.Shadow(color='#669933',direction='135',strength='4');
    }
    .widget-container, .wp-caption {
    	background-color: #eef7e6;
    	padding: 4px;
    	overflow: hidden;
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    
    	-moz-box-shadow: 3px 3px 4px #669933;
    	-webkit-box-shadow: 3px 3px 4px #669933;
    	box-shadow: 3px 3px 4px #669933;
    	filter:progid:DXImageTransform.Microsoft.Shadow(color='#669933',direction='135',strength='4');
    
    }
    .wppa-box {
    
    -moz-box-shadow: 3px 3px 4px #669933;
    -webkit-box-shadow: 3px 3px 4px #669933;
    box-shadow: 3px 3px 4px #669933;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#669933',direction='135',strength='4');
    
    }
    #content .wppa-box .no-shadow, .widget-container .slide-frame, .widget-area .slide-frame img {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: nnone;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#669933',direction='135',strength='0');
    }
  4. thegroomingtable
    Member
    Posted 11 months ago #

    I had to set the align to --none-- but it left a huge gap between the slideshow and the rest of the body. Too much trouble.. I think i'll go without the slideshow.. haha! thanks for your help!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.