I have inserted 5 pictures sized at 900x240. One right after the other with no gaps.It plays fine, but when it transitions, it goes to half the size leaving a huge blank space on the right hand side of the slider area. It never did this before. Can someone help please?
here is the link http://www.learn2ridenow.com The sliders have always worked until I added a new banner, and now this.
Sliders do not hold default size of 900x240
7 posts from 4 voices- Started 1 year ago by gbaut
- Latest reply from Chris Beard
- This topic is not a support question
-
Posted 1 year ago #
-
Hey,
I think the problem is that you inserted image links instead of images. Replace your code:
<p><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_012.jpg"><img class="aligncenter size-full wp-image-211" title="slide_01" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_012.jpg" alt="" width="900" height="240" /></a><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_031.jpg"><img class="aligncenter size-full wp-image-206" title="slide_03" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_031.jpg" alt="" width="900" height="240" /></a><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_081.jpg"><img class="aligncenter size-full wp-image-205" title="slide_08" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_081.jpg" alt="" width="900" height="240" /></a><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_061.jpg"><img class="aligncenter size-full wp-image-166" title="slide_06" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_061.jpg" alt="" width="900" height="240" /></a><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/11/slide_05.jpg"><img class="aligncenter size-full wp-image-239" title="slide_05" src="http://www.learn2ridenow.com/wp-content/uploads/2011/11/slide_05.jpg" alt="" width="900" height="240" /></a><a href="http://www.learn2ridenow.com/wp-content/uploads/2011/11/001.jpg"><img class="aligncenter size-full wp-image-219" title="001" src="http://www.learn2ridenow.com/wp-content/uploads/2011/11/001.jpg" alt="" width="900" height="240" /></a></p>with:
<img class="aligncenter size-full wp-image-211" title="slide_01" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_012.jpg" alt="" width="900" height="240" /><img class="aligncenter size-full wp-image-206" title="slide_03" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_031.jpg" alt="" width="900" height="240" /><img class="aligncenter size-full wp-image-205" title="slide_08" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_081.jpg" alt="" width="900" height="240" /><img class="aligncenter size-full wp-image-166" title="slide_06" src="http://www.learn2ridenow.com/wp-content/uploads/2011/08/slide_061.jpg" alt="" width="900" height="240" /><img class="aligncenter size-full wp-image-239" title="slide_05" src="http://www.learn2ridenow.com/wp-content/uploads/2011/11/slide_05.jpg" alt="" width="900" height="240" /><img class="aligncenter size-full wp-image-219" title="001" src="http://www.learn2ridenow.com/wp-content/uploads/2011/11/001.jpg" alt="" width="900" height="240" />Posted 1 year ago # -
Hey gbaut.
Go to your style.css file and find line nr 210. It should be an aligncenter class. Remove the "max-width: 588px; " atribute and it should be fine then.
Or if you need this atribute then maybe try adding another class to slider images and overwrite this atribute with a 900px value. To do it only for the slider images try to target it very accurate by multiple selectors and you'll be ok.
For future problem as this one try using FireBug (for FF) or Code Inspector (for Chrome).
Posted 1 year ago # -
Hi,
thanks for helping out dotcomdesign!
Good to see it works now :)Posted 1 year ago #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
