Slideshow adjustments – Purpose theme

maebelbakker · Member · Apr 25, 2016 at 9:03 am
Copy link

Add topic to favorites
Hello, I have a question about resizing my slideshow on the homepage . I’m currently working with the theme ‘Purpose’ and this is the website > https://spanishschooltours.com/ .

I would like the decrease the higth of the slideshow. could someone explain how i can do this?

Besides that, if possible, i would like the posts to switch faster, so decrease the time set for the postst to switch.

Thank you in advance!
thesacredpath · Member · Apr 25, 2016 at 8:46 pm
Copy link
Hi there, in general, this doesn’t all the time, but in Purpose, and give your images, add the following and see what you thing.
```
.flexslider {
    background-color: rgba(0, 0, 0, 0);
    max-height: 600px;
}
.home-slider .slideshow .slides li.post {
    background-color: rgba(0, 0, 0, 0) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.menu {
    background-color: rgba(255, 255, 255, 0.5);
}
```
The last rule above puts a slight transparent white background color on your menu. I offered this since on some images I noticed that the menu was very hard to read. The first three numbers are the RGB color values for white, and the last number, the 0.5 is the opacity/transparency. The closer to 0, the more transparent.

The slide settings are done in the theme php/javascript files and we cannot edit those at WordPress.com.
maebelbakker · Member · Apr 26, 2016 at 10:18 am
Copy link
Okay thank you, I used the CSS coding and it already looks better!

But to be specific, there is still a white space between the posts (including images) and the PF1 page. Is it possible to more the PF1 page up? so that the white space dissapeares.

Second question, how do i insert text in the posts shown on the slideshow?

Thank you in advance!
thesacredpath · Member · Apr 26, 2016 at 7:39 pm
Copy link
You know, I can’t get rid of the gap and make this to work reliably, and in large part, it is due to the parallax effect where the content slides up over the slider as you narrow the screen, and that is all done with javascript in the theme files themselves. The height on the overall container for the slider is continuously changed by the software as you narrow the browser window, and put directly into the HTML and I can’t override it.

No items found.