Full-Size Slider with Sidebar below
-
You would need to add something like this to your custom css:
#sidebar1, #sidebar2 {
margin-top: 312px;
}
.featured_slider {
width: 960px;
}
.two-columns .featured_slider #slider_root {
width: 930px;
}It works with this settings (my sliders height is 250px;) but the slider content itself remains the same width. I can see a part of the following picture
#sidebar1, #sidebar2 {
margin-top: 350px;
}
.featured_slider {
left: -270px;
width: 960px;
}
.two-columns .featured_slider #slider_root {
width: 930px;
}Thank you!
You should add
.two-columns .slider_post {
width: 900px;
}to the custom css. Otherwise the content will be displayed up to 590px wide only. So add this to the custom css, and tweak the values for the perfect match.
#sidebar1, #sidebar2 {
margin-top: 312px;
}
.featured_slider {
width: 960px;
}
.two-columns .featured_slider #slider_root {
width: 930px;
}
.two-columns .slider_post {
width: 900px;
}Just created a test site to check the above code. It is working fine here – http://test.prasannasp.net
Excellent work Prasanna. (Will favorite this thread to reference in the future.)
Happy to help! 🙂
Many thanks for this. It is just that I need.
However, I have configured the slider for displaying background image.
With the above described custom css, the slider diplays 2 images of 2 different posts at the same time. Why ?
I have tryed to modify many css but I can not get a “nice” result.
So which css to modifie when the slider is in “background image + abstract” config ?
thx
Viewing 10 posts - 1 through 10 (of 16 total)
- 1
- 2
- You must be logged in to reply to this topic.