WordPress.org

Forums

Slider on my Template messed up with 3.6 upgrade (1 post)

  1. AngloOrthodox
    Member
    Posted 2 years ago #

    Hi,

    So, I currently run a WordPress site using this theme: http://www.templatemonster.com/wordpress-themes/32570.html
    The site is hidden because we've not yet launched it-- we are just working on the finishing touches.

    I've updated this and other WordPress sites in the past, done the backups, and have never had compatibility issues. Of course, the one time I don't do a back up there's a small issue.

    So, I updated the site to WordPress 3.6. The slider on the homepage is messed up now. It had three different banners with text/links overlapping the respective banners which rotate. Now all the text for all three banners shows at once and it's no longer working.

    I looked in the file style.css and here's the code for the slider below. Do you see anything that needs to be fixed so the slider will work with 3.6?

    This is for a church website. Any help you all can offer would be immensely valuable. Thanks!

    Rev. Justin

    /* Slider
    ---------------------------------------- */
    #slider {
    	background: #000;
    	position: relative;
    	height: 430px;
    	overflow: hidden;
    	}
    	#faded {
    		position: relative;
    		width: 976px;
    		height: 430px;
    		overflow: hidden;
    		margin: 0 auto;
    		z-index: 2;
    	}
    		#faded .desc {
    			width: 390px;
    			height: 210px;
    			line-height: 18px;
    			font-size: 13px;
    			color: #919191;
    			position: absolute;
    			top: 105px;
    			left: 535px;
    			}
    			#faded .desc p {
    				line-height: 18px;
    				font-size: 13px;
    				color: #919191;
    				}
    				#faded .desc p span {
    					display: block;
    					width: 100%;
    					padding: 16px 0 0 0;
    					overflow: hidden;
    					}
    					#faded .desc p span a {
    						float: left;
    						line-height: 1.2em;
    						font-size: 30px;
    						text-decoration: none;
    						color: #505050;
    						}
    						#faded .desc p span a:hover {
    							color: #ff2929;
    						}
    
    	#faded strong {
    		display: block;
    		padding: 0 0 12px 0;
    		line-height: 51px;
    		font-size: 45px;
    		font-weight: normal;
    		text-transform: uppercase;
    		color: #a2a2a2;
    	}
    
    		#faded strong a {
    			text-decoration: none;
    			color: #a2a2a2;
    		}
    
    		#faded strong b {
    			text-transform: none;
    			font-size: 48px;
    			font-weight: normal;
    			color: #000;
    		}
    
    		#faded strong i {
    			text-transform: none;
    			font-size: 48px;
    			font-style: normal;
    			color: #ff2929;
    		}
    
    	#faded a.prev {
    		background: url(images/button-prev.png) no-repeat 0% 0%;
    		display: block;
    		width: 51px;
    		height: 43px;
    		overflow: hidden;
    		text-indent: -999px;
    		position: absolute;
    		top: 332px;
    		left: 537px;
    		z-index: 100;
    	}
    
    		#faded a.prev:hover {
    			background-position: 0% -43px;
    		}
    
    	#faded a.next {
    		background: url(images/button-next.png) no-repeat 0% 0%;
    		display: block;
    		width: 51px;
    		height: 43px;
    		overflow: hidden;
    		text-indent: -999px;
    		position: absolute;
    		top: 332px;
    		left: 589px;
    		z-index: 100;
    	}
    
    		#faded a.next:hover {
    			background-position: 0% -43px;
    		}
    
    	ul.pagination {
    		display: none;
    		list-style:none;
    		padding:0;
    		margin:0;
    		}
    		ul.pagination li {
    			float:left;
    			}
    			ul.pagination li a {
    				padding:2px 4px;
    				}
    			ul.pagination li.current a {
    				background:blue; color:white;
    				}
    	/*
    	 * Required: If fixed height, state it here
    	*/
    	#faded .rap { height:430px; }

Topic Closed

This topic has been closed to new replies.

About this Topic