WordPress.org

Forums

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

  1. thegroomingtable
    Member
    Posted 1 year 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 1 year ago #

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

  3. Jacob N. Breetvelt
    Member
    Plugin Author

    Posted 1 year 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 1 year 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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.