My Gallery of Photos are Obstructed by the Navigation Icons.

genderintersex · Member · Apr 27, 2016 at 1:14 pm
Copy link

Add topic to favorites
I have an adjustment I would need some help with on my site: https://anunnakiray.com/ I am using the Gallery widgets in my sidebar, I have enabled the slideshow for each of the widgets. However the navigation icons are overlaying my images which makes the the image hard to view. I would need the icons to be placed below the images so they do not cover any of the image. I am using the Button theme for my site.
thesacredpath · Member · Apr 27, 2016 at 11:13 pm
Copy link
Hi there, moving the navigation in the slideshow is difficult and typically doesn’t turn out nice and clean. May I suggest that we make the navigation transparent unless someone hovers over the slideshow image at which time, the controls will become visible? Add this to your custom CSS and see what you think and let me know.
```
.slideshow-controls {
    opacity: 0;
}
.slideshow-controls:hover {
    opacity: 1;
}
```
genderintersex · Member · Apr 29, 2016 at 5:23 pm
Copy link
Thank you! This is much better. Do you know how I can change the color of the border too? I appreciate your ‘know how’.

Anunnaki Ray
thesacredpath · Member · Apr 29, 2016 at 9:28 pm
Copy link
That’s great, Anunnaki Ray. To change the background and border color on the slideshow widgets, add the following and edit my obnoxious red color as desired.
```
.jetpack-slideshow.slideshow-black {
    background-color: #cc0000;
    border-color: #cc0000;
}
```
genderintersex · Member · May 2, 2016 at 6:49 pm
Copy link
Thank you!
thesacredpath · Member · May 3, 2016 at 2:47 am
Copy link
You are welcome.

No items found.