what size are the images in your slider? do you think it is just setting the height from the image height?
you may be able to override the slider settings with some CSS by setting a max-height value but that would probably leave you with some other undesired results like cropped content.
Hi there,
If I change the size of the images in the slider is does not automatically change the size of the slider. Slider is set at 1200 x 800.
I’d like it to be 1200 x 480
Thanks,
you can edit this part of the css which seems to be controlling that
@media screen and (min-width: 1260px) {
#featured-content .rp-big-one .entry-thumb {
min-width: 1200px;
min-height: 800px;
}
}
but you will have to probably add a max-height value as well to prevent it from taking on the size of your image.
@media screen and (min-width: 1260px) {
#featured-content .rp-big-one .entry-thumb {
min-width: 1200px;
min-height: 480px;
max-height: 480px;
}
}
but this is’nt the best way to do it. more of a hack
Hi Mr Case,
Thanks for your help, that css. hack worked great. It has resized the slider, the only thing now is the padding box around the bottom above the quote widget.
The top padding box looks great with the grey key line and white padding. Is there a css. fix I could make for the same padding to show below the image to separate from the quote widget.
Thanks for all your help, fantastic.
Jude
yes, i see that. and that is what i meant when i said that using that css might leave you with some undesired results. if the content of that box exceeds a certain length, it will push the box ‘out of frame’.
a way around that would be to reduce the size of the text, or make that box wider so it may accommodate the amount of text within. does that make sense?
you can try this as a start
@media screen and (min-width: 1260px) {
.front-fullwidth .rp-big-one .story,
#featured-content .rp-big-one .story {
width: 520px;
padding: 20px;
}
}
