WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
Border Raduis During transition (1 post)

  1. amirsaber
    Member
    Posted 11 months ago #

    Please have a look at this address
    http://nmsu.sharifico.com
    I am trying to use your slideshow in our department web site. But I am facing a problem. Corner of images jut out when transitioning between images. How can I solve that? my css style is:

    .slideshow_container { border: 3px solid #621a32 !important; border-radius: 25px !important; }
    
    .slideshow_container a { text-decoration: none; }
    .slideshow_container img {border-radius: 20px !important;}
    
    .slideshow_container .slideshow_slide { margin-right: 2px;}
    .slideshow_container .slideshow_slide_text h2 { text-align: center; font-size: 1.3em;}
    .slideshow_container .slideshow_slide_text p { text-align: center;}
    .slideshow_container .slideshow_slide_image {}
    .slideshow_container .slideshow_slide_video { }
    
    .slideshow_container .slideshow_description { background: #000; width: 100%; }
    .slideshow_container .slideshow_description h2  { font-size: 1.3em; text-align: center; }
    .slideshow_container .slideshow_description p  { text-align: center; }
    .slideshow_container .slideshow_description a  { color: #fff; }
    
    .slideshow_container .slideshow_transparent { filter: alpha(opacity = 50); opacity: 0.5; }
    .slideshow_container .slideshow_transparent:hover { filter: alpha(opacity = 80); opacity: 0.8; }
    
    .slideshow_container .slideshow_controlPanel {
    	width: 21px;
    	height: 21px;
    	margin-left: -11px;
    	background: #000;
    	border-radius: 2px;
    	-moz-border-radius: 10px;
    }
    
    .slideshow_container .slideshow_controlPanel ul { }
    
    .slideshow_container .slideshow_controlPanel ul li {
    	margin: 3px;
    	width: 15px;
    	height: 15px;
    }
    
    .slideshow_container .slideshow_controlPanel ul li:hover { }
    
    .slideshow_container .slideshow_play {
    	background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') 0 0 no-repeat;
    }
    
    .slideshow_container .slideshow_pause {
    	background: url('%plugin-url%/images/SlideshowPlugin/light-controlpanel.png') -15px 0 no-repeat;
    }
    
    .slideshow_container .slideshow_button {
    	margin-top: -20px;
    	height: 40px;
    	width: 19px;
    	background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
    }
    
    .slideshow_container .slideshow_previous { }
    
    .slideshow_container .slideshow_next {
    	background-position: -19px 0;
    }
    
    .slideshow_container .slideshow_pagination { bottom: 16px; }
    
    .slideshow_container .slideshow_pagination_center {	}
    
    .slideshow_container .slideshow_pagination .slideshow_currentView {
    	filter: alpha(opacity = 80);
    	opacity: 0.8;
    }
    
    .slideshow_container .slideshow_pagination ul { }
    
    .slideshow_container .slideshow_pagination ul li {
    	margin: 0 2px;
    	width: 11px;
    	height: 11px;
    	background: url('%plugin-url%/images/SlideshowPlugin/light-bullet.png') no-repeat;
    }

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.