"normal pointer" instead of the big "<" in Home

Photo, amazing way to showcase your architecture, photography or artistic projects | Support forum.
GK User
Thu Feb 04, 2016 4:06 pm
Hello!
I'd like to have a normal pointer instead of the big white "<".
How can I do?
Thanks a lot!
Tamara
User avatar
Fresh Boarder

Joshua M
Fri Feb 05, 2016 9:27 am
Hi,

You have to add the following custom css code:
Code: Select all
.gk-is-wrapper-gk-photo .gk-is-slide {
  cursor: default!important;
}

and remove (comment out) this fragment from Photo/js/functions.js file:
Code: Select all
if(!Modernizr || (Modernizr && !Modernizr.touch)) {
                                jQuery(elmt).mouseover(function() {
                                    if(!wrapper.hasClass('gk-arrow-visible')) {
                                        wrapper.addClass('gk-arrow-visible');
                                    }
                                });

                                jQuery(elmt).mouseout(function() {
                                    if(wrapper.hasClass('gk-arrow-visible')) {
                                        wrapper.removeClass('gk-arrow-visible');
                                    }
                                });

                                jQuery(elmt).mousemove(function(e) {
                                    var w = wrapper.outerWidth();
                                    if(e.pageX > w/2 && !arrow_element.hasClass('inverse')) {
                                    arrow_element.addClass('inverse');
                                    } else if(e.pageX < w/2 && arrow_element.hasClass('inverse')) {
                                        arrow_element.removeClass('inverse');
                                    }
                                   
                                    arrow_element.css({
                                        'top': e.pageY- 64 + "px",
                                        'left': e.pageX - 32 + "px"
                                    });

                                });
                            }
User avatar
Moderator

GK User
Fri Feb 05, 2016 10:23 am
Thanks a lot!!
User avatar
Fresh Boarder

GK User
Fri Mar 11, 2016 12:49 pm
Hi, I created a js/functions.js with these lines commented in my child Photo theme but it seems it doesn't be sufficient. Is there a way to do this with the child theme?
Thanks
User avatar
Junior Boarder

Joshua M
Mon Mar 14, 2016 8:48 am
If you've created js/functions.js within your child theme - it should works, could you provide your website backend and FTP access? Then I'll be able to check the issue.
User avatar
Moderator

GK User
Thu Mar 17, 2016 11:19 am
Hi,
I managed to do it following this
http://wordpress.stackexchange.com/ques ... hild-theme
Since child theme only overrides php files, you have to dequeue parent js file and enqueue child js file in Child function.php file by adding the following lines:
Code: Select all
// OVERRIDE function.js file
// hook in late to make sure the parent theme's registration
// has fired so you can undo it. Otherwise the parent will simply
// enqueue its script anyway.
add_action('wp_enqueue_scripts', 'child_theme_script_fix', 100);
function child_theme_script_fix()
{
    wp_dequeue_script('photo-script');
    wp_enqueue_script('child_theme_photo-script', get_stylesheet_directory_uri() . '/js/functions.js', array( 'jquery' ), '', true );
}     

Now it works, but I'm not an expert and I don't know if it might makes other issues.
Please Gavick team do you think it's correct? I post all my function.php code:
Code: Select all
<?php
 
add_action('wp_enqueue_scripts', 'child_theme_css');
function child_theme_css() {
wp_enqueue_style('parent-theme-css', get_template_directory_uri() . '/style.css');
}

/*** Remove Query String from Static Resources ***/
function remove_cssjs_ver( $src ) {
 if( strpos( $src, '?ver=' ) )
 $src = remove_query_arg( 'ver', $src );
 return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

// OVERRIDE function.js file
// hook in late to make sure the parent theme's registration
// has fired so you can undo it. Otherwise the parent will simply
// enqueue its script anyway.
add_action('wp_enqueue_scripts', 'child_theme_script_fix', 100);
function child_theme_script_fix()
{
    wp_dequeue_script('photo-script');
    wp_enqueue_script('child_theme_photo-script', get_stylesheet_directory_uri() . '/js/functions.js', array( 'jquery' ), '', true );
}     


THANKS
User avatar
Junior Boarder

Joshua M
Thu Mar 17, 2016 12:32 pm
Hi,

It's ok, you've disabled the function.js file from parent theme and enable (enqueue) the same file from your child.

I'll check the issue, because generally in the Photo (parent) there's a function which checks if there's js/functions.js file in the child theme (if yes, it should be loaded, otherwise the js/functions.js file from the parent is loaded)
User avatar
Moderator

GK User
Mon Apr 11, 2016 7:33 am
And what if i just want to change the color?
User avatar
Fresh Boarder

Joshua M
Mon Apr 11, 2016 8:36 am
To change the color only - please add the following custom css code:
Code: Select all
.gk-is-wrapper-arrow:after,
.gk-is-wrapper-arrow:before {
  background: #000
}
User avatar
Moderator

GK User
Mon Apr 11, 2016 7:38 pm
Thanks
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.