disable navigation arrows

Hi I tried to search but couldn't find how to remove the navigation arrows that "follow" the cursor. The client wants only the bottom navigation with the dots.
Thanks for helping
A

Hi,
try to use another style in Image Show module. Check others which is okey.
I cannot offer you a code customization,which is requested in this case.

Hi Oscar,

I'm quite surprised by your answer. How this could be code customisation? It is quite standard practice to switch on/off navigation on slideshow especially that you have one already at the bottom.
The arrows are quite confusing and they don't work on every browser.
I'm sure it is only css and nothing complicated. Why don't you ask "teitbite" based on his support quality he will answer in 2 sec.

btw I tried of course all the other styles before. I even have few ideas on css but it is always safer to ask someone who actually created the module.
Hope this will be resolved especially that others are looking at it as well.
thanks

I can guess, but if module don't have such a option to on/off I cannot build it via support.
It wasn't also my idea to use this funny flying ">" in module , but you decided to use that style which have it.
Sure using CSS it's possible but not this time, because it uses JS.
All I can suggest is:
Use another module style which is more typical.

actually it can be done only by CSS. I needed to read line by line the gk stuff css and change the cursor when needed. I'm sure the person who wrote the code could point it out in two sec. I spent an hour to make sure I change only things exactly needed to fix this.
http://www.blvdworldwide.com/2/
thanks for your help
A

Hi Mojohand
How did you disable the navigation arrows?
I'm interested too because they tend to "dissapear" when you move outside the browser (they don't change back to normal cursor outside the browser). It's confusing
If you can point me in the right direction - please


Thanks,


Dominicus

Hello,

yes if you want to share how you do that it'll be great !

Thank you.
Regard.

Hi,
this is the site I did the changes: http://www.blvdworldwide.com/2/
I attached the gk_stuff file. I don't remember which one I deleted/ modified but all was done in this file only. So if you search "cursor"
in your file and compare it with the one I attached you can see the changes.

Hello,

thank you. The lines (2) changed are here (/* cursor: none!important; */) :

Code: Select all

/* line 574 */
.gkIsWrapper-gk_photo {
   background: #f1f1f1;
   /* cursor: none!important; */
   margin: 0;
   overflow: hidden;
   position: relative;
}

/* line 907 */
.gkIsWrapper-gk_photo .gkIsSlide {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   /* cursor: none!important; */
   height: 100%;
   position: absolute;
   width: 100%;
}

and uncomment this :

Code: Select all

/* line 1087 */
/* Overlay arrow */
.gk-arrow-visible .gkIsWrapper-arrow {
   /*pointer-events: none;
   display: block;
}

.gkIsWrapper-arrow {
   background: transparent;
   display: none;
    position: absolute;
    top: 50%;
    width: 64px;
    height: 128px;
    left:  50%;
    z-index: 1000;
    overflow: hidden;
}

.gkIsWrapper-arrow:after,
.gkIsWrapper-arrow:before {
    content: "";
    width: 100px;
    left: 1px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

.gkIsWrapper-arrow:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gkIsWrapper-arrow.inverse:after,
.gkIsWrapper-arrow.inverse:before {
   left: -58%;
   -webkit-transform-origin: 100% 100%;;
   -moz-transform-origin: 100% 100%;;
   -ms-transform-origin: 100% 100%;;
   -o-transform-origin: 100% 100%;;
   transform-origin: 100% 100%;;
} */

Thank you very much for your help
Regard.

Thanks it was perfect and an easy solution
Now I have normal cursor behavior

Brilliant! Thank you, those arrows were annoying.

Great Fix! Couldn't stand those arrows anymore!
Txs mate

Somewhat different wish over here:
I like the look and feel of the arrows but would prefer a static version vertically centered left and right and visible also on mobile devices. Any chance of achieving that?