Always show the Slideshow navigation ... « Support Forum | Kriesi.at

Support Forum » Propulsion

Always show the Slideshow navigation ...

7 posts from 3 voices

Started 2 months ago by martinhartzsch
Latest reply from martinhartzsch
This topic is closed
This topic is resolved

Tags:

martinhartzsch
Member

Is it possible to have the Controls always visible?

i mean the arrow-elements when you hover over the Image.
They appear in the lower right corner of the Image-slideshow.

http://www.martinhartzsch.de/arbeiten/druck/prohil/

And are they editable? Id like to have them inverted as the are now (no box around the arrow instead the arrow only)

thanks in advance
martin

Posted 2 months ago #
Ismael
Moderator
Hi martin,

Try to add this code in your Quick CSS (located in Propulsion > Theme Options > Styling) or custom.css:
```
.arrow_controls.slide_controls > a {
opacity: 1 !important;
}
```
Hope this helps.

Regards,
Ismael
Posted 2 months ago #
martinhartzsch
Member

Ismael, thank you very much! That does it!!! :D

the last thing i really like to have is that the arrows have no box appearing around them which is highlighting them.
Id like to have the arrows pure without a box and they are highlighting like the rest of the links on the Page ...

Editing the arrows in a graphic application would be no problem for me, its just the coding ...

Anyone can help out?

Posted 2 months ago #
Ismael
Moderator
Hi martinhartzsch,

You can add this code to remove the background color of those arrows:
```
#top .arrow_controls a {
background-color: transparent;
}
```
I'll just remind you that the adding this code will make those arrows invisible as those arrows are white. Just replace the images(arrows).

Regards,
Ismael
Posted 2 months ago #
martinhartzsch
Member

Hey it is nearly working to 90%, but one last issue...
When the page is instantly loaded the arrows are not visible.
After the user has hovered over the image then they are appearing and are staying.
It would be very cool when the arrows are visible after the page is loaded so that
everybody knows that there is more than one Image to look at.
Would this be possible?

Thank you
Martin

Posted 2 months ago #
Dude
Dude
Hey!

Add following code into the quick css field to fix the issue:
```
.arrow_controls, .arrow_controls a {
display: block !important;
opacity: 1 !important;
}
```
Regards,
Peter
Posted 2 months ago #
martinhartzsch
Member

Thank you Peter!
You are awesome!

:D

Posted 2 months ago #