I currently use Origin Slider on my site and love it for the very reason it doesn’t change the size of my image like rev slider or most of the others. 1 thing I want to change though is when you have your slider set to full screen the navigation arrows appear on the edge of the pages rather then on the edge of the images and only appear if you hover over the slider. Is there a way to change this? I would really like to have my navigation symbols appear just like on this JS Flickety slider here www.uscevents.com
Is this possible?
Hi Liquified,
Oddly, that shouldn’t be happening as the pagination arrows should only ever just inside the images, not the side of the page itself. Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
As for always showing the pagination, we can accomplish that with CSS that I’ll provide once I’ve sorted the above issue (as any CSS I provide now will likely become redundant)
This is a private message.
Mybsote tonsee what I am referring to is http://www.liquified.com
the arrows hover over the background image but i would
like to have them hover over the edge of the foreground image
Hi Liquified,
You should be able to do this by switching the row layout to full width (rather than full width stretched). Try that and let me know if works for you.
If it doesn’t, would it be possible for you to send me an export for this widget? To do this open up the page with the widget and click layout. Then click import / export and then click download. Please upload the export to a 3rd party file hosting site such as teknik.io.
why didn’t I think of that! Damn! Thank You.
Now can we add the CSS so that the navigation controls stay on the screen without the hover?
Hi Liquified
Sorry. Forgot to include that.
If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS.
.sow-slide-nav { display: block !important; opacity: 1 !important; }How does that look?
You might also need to install the SiteOrigin CSS Editor.