I am trying to get the slider to work, but cannot seem to have anything show up at all where it should go on the homepage. I have watched the video and done everything it said to do, but am not seeing anything when I bring up the viewed home page.
I created three posts with the images (all of which are in my media library) I wanted and for each post. I made sure to “select featured image” before saving within each post. It shows as on each post that the image for that post is set as the featured image when I look at the post in the WP editor.
I then went to the Featured Slider editor and changed the number of slides to “3”, and put in my three post identifiers and saved that. I have not changed any of the dimensions or anything in the stylesheet associated with the slider and it has not come up at all. I have not added any child themes either.
I don’t see any evidence that a slider would even be on the page when I bring up the home page. Here is my slider information from the stylesheet:
.featured {
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: #6b6b6b;
height:313px;
width:976px;
position:relative;
overflow:hidden;
}
.featured img {
max-width:100%;
height:auto;
margin: 0 auto;
display: block;
}
.featured .img-effect {
display: block;
height:313px;
width:976px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(images/featured-img-effect.png);
z-index:10;
}
.featured-text {
padding:16px 10px 0;
}
.featured-text span {
font-size:15px;
font-weight:bold;
}
.featured-text a.readmore {
display: inline;
padding: 0;
}
/* Controllers */
#controllers {
padding-top: 7px;
text-align:center;
}
#controllers a {
background-color: #B7B7B7;
display: inline-block;
height: 12px;
margin: 0 3px;
overflow: hidden;
text-indent: 999999px;
width: 12px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#controllers a:hover, #controllers a.active {
background-color:#000;
}
Any ideas?
.
