Slideshow

ideaphora · Member · Mar 10, 2015 at 11:43 am
Copy link

Add topic to favorites
I want to put the caption above the image in slideshow and want to change the position and to disable the arrow and pause button ehen cursor is outside.?
how do i change the same.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 10, 2015 at 5:48 pm
Copy link
Hi there, on the slideshows, the following will put the caption at the top on all slideshows on your site.
```
.slideshow-slide-caption {
    top: 0;
}
```
If you wish to only show it on top on the home page slideshow, or on only certain slideshows, let me know which, and we can target the slideshows by their unique id.

On the slideshow controls, I can make them totally disappear (mouse outside and mouse in) but with CSS, I cannot make them disappear only when the mouse is outside of the slideshow. The opacity change is controlled in the slideshow PHP and Javascript code and we cannot edit those.
ideaphora · Member · Mar 11, 2015 at 4:11 am
Copy link
mouse in and outside will also be fine..if you can do that..and i want to increase the font of caption but font-size is not working .
Can u help me with both
thesacredpath · Member · Mar 11, 2015 at 8:58 pm
Copy link
To make the slideshow controls disappear entirely, add the following CSS.
```
.slideshow-controls {
    display: none;
}
```
We need to use the !important keyword on the font size in this case. Typically we try and stay away from using it, but in this case it is needed. Change the .slideshow-slide-caption rule you have to look like this and then you can adjust the font size as desired (13px is what it is now).
```
.slideshow-slide-caption {
    top: 0;
    font-size: 13px !important;
}
```
ideaphora · Member · Mar 12, 2015 at 5:01 am
Copy link
Display :none , doesn’t seem working andinstead is there a way i can display is using mouse up or down?
thesacredpath · Member · Mar 12, 2015 at 3:39 pm
Copy link
To have control over the display of the controls would require editing of the theme PHP script files, and probably some Javascript, and we cannot edit theme files here at WordPress.com, and we cannot use Javascript.

I tried the display: none; directly in your Customizer and it hid the controls. That is the best we can do given that the theme itself is setting the opacity for non-hover and hover on the slideshow controls.
ideaphora · Member · Mar 16, 2015 at 8:05 am
Copy link
Where exactly do u want me to add display:none?
thesacredpath · Member · Mar 16, 2015 at 6:35 pm
Copy link
Hi, I see you have gotten this figured out. If you have additional questions, please let us know.

No items found.