Modify height of slider in Outspoken theme

naismithbasketballfoundation · Member · Apr 11, 2014 at 3:22 pm
Copy link

Add topic to favorites
I’d like to find out if it’s possible to modify the height of the homepage slider used in the Outspoken theme. We’re using a very deep header graphic on this page, and would like to make the slider much smaller (shorter) than it currently is.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 11, 2014 at 6:05 pm
Copy link
Hi there, the following moves the slider image up and tightens up the spacing some, but resizing the image itself, is tricky. Give the following a try and see what you think.
```
.outspoken-gallery article > a {
    background-position: 50% 0;
}
.outspoken-gallery.uncropped article > a {
    padding-bottom: 44.8345%;
}
.slides {
    height: 470px !important;
}
```
naismithbasketballfoundation · Member · Apr 15, 2014 at 1:22 pm
Copy link
Thank you for this, that definitely helped although I see what you mean about the height of the actual slider.

If I’m prepared to compromise and not have the post title overlaid on the slider, it looks as though I could still proceed with shortening my sliders. Would you recommend against that?

Finally, I can’t see where I can tighten up spacing between the home image (main header image) and the main menu bar below it. If you were able to help with that I might be able to tighten up the whole top of the page enough. Thank you!
naismithbasketballfoundation · Member · Apr 15, 2014 at 4:33 pm
Copy link
Just a quick note to say that I’m going to forego using the big slider as it’s just not working with this theme and our requirements. Thanks for your attention to this.
thesacredpath · Member · Apr 15, 2014 at 6:41 pm
Copy link
You are welcome, and if you have any further questions or problems, please let us know.

No items found.